Index: lams_learning/web/css/components-learner.scss
===================================================================
diff -u -r793d3319ee7d2aa94af0559c0ee64c08ea6a4581 -r509e81cd8bc4486fab7de352c4e8cfafd38efe48
--- lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision 793d3319ee7d2aa94af0559c0ee64c08ea6a4581)
+++ lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision 509e81cd8bc4486fab7de352c4e8cfafd38efe48)
@@ -1,3 +1,4 @@
+@import "../../../lams_central/web/css/components.scss";
 @import "_lams_variables.scss"; 
 
 .component-page-wrapper h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
@@ -39,10 +40,6 @@
 	text-align: -webkit-center;
 }
 
-.component-page-wrapper .component-page-content {
-    min-height: calc(100vh - 2*var(--lams-component-page-wrapper-margin));
-}
-
 .component-page-wrapper .component-page-content #header {
     box-shadow: 0px 1px 0px var(--bs-gray-400);
 }
@@ -228,18 +225,16 @@
     border-top-right-radius: 0rem;
     border-bottom-right-radius: 1.25rem;
     border: 0;
-    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);//copied from .shadow class
     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;
-	color: #fff !important; //.text-bg-secondary
-    background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important; //.text-bg-secondary
-    
+    @extend .text-bg-secondary;
 }
 
 .instructions {
@@ -254,12 +249,6 @@
 	font-size: initial;
 }
 
-/* coommented out for now by Andrey
-.lcard .card-header {
-    border-bottom: 0.2rem solid var(--bs-primary);
-}
-*/
-
 /* Assessment and Scratchie Countdown - growl settings need to be moved too */
 #timelimit-start-dialog {
 	display:none; cursor: default; padding: 10px;