Index: lams_central/web/css/components.scss
===================================================================
diff -u -rdf411d8446000acfdb5937f46a7a7e8ef4b656e0 -r4b23303fae8fea3653c161a44ecbcd57f313450d
--- lams_central/web/css/components.scss	(.../components.scss)	(revision df411d8446000acfdb5937f46a7a7e8ef4b656e0)
+++ lams_central/web/css/components.scss	(.../components.scss)	(revision 4b23303fae8fea3653c161a44ecbcd57f313450d)
@@ -25,6 +25,10 @@
     padding-top: 1rem;
 }
 
+.font-size-init {
+	font-size: initial;
+}
+
 /* For Boostrap 3 & 5 compability */
 .img-responsive {
   max-width: 100%;
@@ -103,6 +107,36 @@
 			font-size: var(--bs-body-font-size);
 		} 
 	}
+
+	.lcard {
+		border-top-left-radius: 1.25rem;
+		border-top-right-radius: 0rem;
+		border-bottom-right-radius: 1.25rem;
+		border: 0;
+		margin-bottom: 2rem;
+		@extend .shadow;
+	
+		>.card-header {
+			border-top-left-radius: 1.25rem;
+			border-top-right-radius: 0rem;
+			font-size: 1.3rem;
+			padding: 1rem;
+			@extend .text-bg-secondary;
+	
+			@include media-breakpoint-down(md) {
+				font-size: 14px;
+			}
+		}
+	}
+	
+	.activity-bottom-buttons {
+	    margin-top: 1rem;
+	    padding-top: 1rem;
+	    border-top: $border-thin-grey;	
+	    display: flex;
+	    flex-direction: row-reverse;
+		clear: both;
+	}
 }
 
 body.component .btn-success,
Index: lams_learning/web/css/components-learner.scss
===================================================================
diff -u -r65cf859cfb422d73341df794df86dc8ece2f926b -r4b23303fae8fea3653c161a44ecbcd57f313450d
--- lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision 65cf859cfb422d73341df794df86dc8ece2f926b)
+++ lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision 4b23303fae8fea3653c161a44ecbcd57f313450d)
@@ -210,15 +210,6 @@
 	}
 }
 
-.component-page-wrapper .activity-bottom-buttons {
-    margin-top: 1rem;
-    padding-top: 1rem;
-    border-top: $border-thin-grey;	
-    display: flex;
-    flex-direction: row-reverse;
-	clear: both;
-}
-
 .wave-orange {
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23d56a11' width='1240' height='200'><path opacity='.15' d='M0 0h1238.095l.752 190.678c-343.448 18.646-306.568-19.271-619.8-14.315S291.99 213.078 0 186.551z'/><path d='M1240 0H.953v177.116c54.117-3.757 103.637-16.013 192.612-15.869 36.91.06 80.359 1.001 133.284 3.277 180.507 7.762 245.7 38.085 508.083 8.653 64.239-7.206 123.098-11.571 176.575-13.095 42.717-1.217 82-.622 117.85 1.787 41.477 2.786 78.358 15.999 110.643 23.639z' fill='%23f93'/></svg>");
     text-align: center;
@@ -297,35 +288,6 @@
     border-top-right-radius: 1.25rem;
 }
 
-.lcard {
-    border-top-left-radius: 1.25rem;
-    border-top-right-radius: 0rem;
-    border-bottom-right-radius: 1.25rem;
-    border: 0;
-    margin-bottom: 2rem;
-    @extend .shadow;
-}
-
-.lcard>.card-header {
-    border-top-left-radius: 1.25rem;
-    border-top-right-radius: 0rem;
-    font-size: 1.3rem;
-    padding: 1rem;
-    @extend .text-bg-secondary;
-}
-
-@media (width <= 768px) {
-
-    .lcard > .card-header {
-        font-size: 14px;
-    }
-
-}
-
-.font-size-init {
-	font-size: initial;
-}
-
 /* Assessment and Scratchie Countdown - growl settings need to be moved too */
 #timelimit-start-dialog {
 	display:none; cursor: default; padding: 10px;