Index: lams_central/web/css/components.scss
===================================================================
diff -u -r4262c80621f1eb846aa075a52f824091abbc218a -ra08fb689e1bb174869cb981d301b204d2f573590
--- lams_central/web/css/components.scss	(.../components.scss)	(revision 4262c80621f1eb846aa075a52f824091abbc218a)
+++ lams_central/web/css/components.scss	(.../components.scss)	(revision a08fb689e1bb174869cb981d301b204d2f573590)
@@ -479,6 +479,7 @@
 	border-radius: 2.8rem;
 	overflow: hidden;
 	background-color: var(--bs-white);
+	margin: 0.25rem;
 }
 
 .component-page-wrapper button.no-decoration {
@@ -497,7 +498,7 @@
 
 .component-page-wrapper .component-page-content {
 	min-height: 100%;
-	padding: 1rem 2rem 3rem 2rem;
+	padding: 1rem 2rem 2rem 2rem;
 	transition: all .3s ease;
 	vertical-align: top;
 }
@@ -606,6 +607,18 @@
 	font-size: smaller;
 }
 
+.component-page-wrapper .collapsable-icon-left button[data-bs-toggle="collapse"]:after {
+	font-family: FontAwesome;
+	content: "\f078";
+	float: left;
+	color: #6c757d;
+	margin-right: .5rem;
+}
+
+.component-page-wrapper .collapsable-icon-left button.collapsed:after {
+	content: "\f054";
+}
+
 /* Unused or used in assessment rewritten authoring */
 /*
 
@@ -732,19 +745,7 @@
 	color: #3C42E0;
 }
 
-.component-page-wrapper .collapsable-icon-left:after {
-	font-family: FontAwesome;
-	content: "\f078";
-	float: left;
-	color: #6c757d;
-	margin-right: .5rem;
-}
 
-.component-page-wrapper .collapsable-icon-left.collapsed:after {
-	content: "\f054";
-}
-
-
 .banner-box-col {
 	box-shadow: 0px 20px 20px #2E384D1A;
 	background-color: #fff;