Index: lams_central/web/css/bootstrap5.custom.scss
===================================================================
diff -u -r06770d77acb444693664d588e5d2e8570adb96aa -rb5dd3686dc0394105288a7961668903057541633
--- lams_central/web/css/bootstrap5.custom.scss	(.../bootstrap5.custom.scss)	(revision 06770d77acb444693664d588e5d2e8570adb96aa)
+++ lams_central/web/css/bootstrap5.custom.scss	(.../bootstrap5.custom.scss)	(revision b5dd3686dc0394105288a7961668903057541633)
@@ -13,6 +13,7 @@
 
 :root {
 	--lams-background-gray: #e0e0e0; /* rgb(224, 224, 224) */
+	--lams-component-page-wrapper-margin: 0.25rem;
 }
 
 #container-main {
Index: lams_central/web/css/components.scss
===================================================================
diff -u -r9f3a96b9d3fb0e80b3b181c6ec62a1f2e000decc -rb5dd3686dc0394105288a7961668903057541633
--- lams_central/web/css/components.scss	(.../components.scss)	(revision 9f3a96b9d3fb0e80b3b181c6ec62a1f2e000decc)
+++ lams_central/web/css/components.scss	(.../components.scss)	(revision b5dd3686dc0394105288a7961668903057541633)
@@ -479,7 +479,7 @@
 	border-radius: 2.8rem;
 	overflow: hidden;
 	background-color: var(--bs-white);
-	margin: 0.25rem;
+	margin: var(--component_page_wrapper_margin);
 }
 
 .component-page-wrapper button.no-decoration {
Index: lams_learning/web/css/components-learner.scss
===================================================================
diff -u -r9f3a96b9d3fb0e80b3b181c6ec62a1f2e000decc -rb5dd3686dc0394105288a7961668903057541633
--- lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision 9f3a96b9d3fb0e80b3b181c6ec62a1f2e000decc)
+++ lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision b5dd3686dc0394105288a7961668903057541633)
@@ -40,7 +40,7 @@
 }
 
 .component-page-wrapper .component-page-content {
-    min-height: 100vh;
+    min-height: calc(100vh - 2*var(--lams-component-page-wrapper-margin));
 }
 
 .component-page-wrapper .component-page-content #header {