Index: lams_learning/web/css/components-learner.scss
===================================================================
diff -u -r5dd9cf1ff406477627b4e57890962de3d99f1696 -r6dd67126cd116d0f842bb7cf8c6ef5d0ed63ed5a
--- lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision 5dd9cf1ff406477627b4e57890962de3d99f1696)
+++ lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision 6dd67126cd116d0f842bb7cf8c6ef5d0ed63ed5a)
@@ -75,6 +75,7 @@
 		#progress-bar-widget {
 		    min-width: 11rem;
 		    padding: 0rem 0.85rem;
+		    font-size: 0.90rem;
 		    
 			.progress {
 			    height: .5rem;
@@ -93,7 +94,7 @@
 	} 
 }
 
-.component-page-wrapper .offcanvas {
+.component-page-wrapper #component-offcanvas {
 	text-align: center;
 	transition: all .3s ease;
     top: 4.5rem;
@@ -102,69 +103,66 @@
     border-radius: 0 1.2rem 0 0;
     border: thin solid var(--bs-gray-400);
     box-shadow: 0px 3px 6px var(--bs-gray-400);
-}
 
-.component-page-wrapper .offcanvas-body {
-	text-align: -webkit-center;
-	text-align: -moz-center;
-	overflow-x: hidden;
-}
+	.offcanvas-body {
+		text-align: -webkit-center;
+		text-align: -moz-center;
+		overflow-x: hidden;
+	}
 
-.component-page-wrapper .offcanvas .lams-logo {
-	display: block;
-	width: 3.6rem;
-	margin-bottom: 2rem;
-}
+	.lams-logo {
+		display: block;
+		width: 3.6rem;
+		margin-bottom: 2rem;
+	}
 
-.component-page-wrapper .offcanvas .offcanvas-title {
-	font-weight: 500;
-    color: rgb(5, 112, 213);
-}
+	.offcanvas-title {
+		font-weight: 500;
+	    color: rgb(5, 112, 213);
+	}
 
-.component-page-wrapper .offcanvas .offcanvas-bar {
-	background-color: var(--bs-gray-200);
-    border-radius: 1.2rem;
-}
+	.offcanvas-bar {
+		background-color: var(--bs-gray-200);
+	    border-radius: 1.2rem;
+	}
 
-.component-page-wrapper .offcanvas.active {
-    left: 1rem;
-}
-
-.component-page-wrapper .offcanvas .progress-bar-items > li a {
-    color: var(--bs-gray-dark);
-}
-
-.component-page-wrapper .offcanvas .progress-bar-items > li > .progress-bar-icon {
-    margin-right: .5rem;
-}
-
-.component-page-wrapper .offcanvas .progress-bar-items > li.progress-bar-item-incomplete,
-.component-page-wrapper .offcanvas .progress-bar-items > li.progress-bar-item-incomplete > .progress-bar-icon {
-    color: var(--bs-gray-700);
-}
-
-.component-page-wrapper .offcanvas .progress-bar-items > li.progress-bar-item-complete,
-.component-page-wrapper .offcanvas .progress-bar-items > li.progress-bar-item-complete > .progress-bar-icon {
-    color: var(--bs-green);
-}
-
-#component-offcanvas .list-group-item {
-	padding: 0;
-
-	.icon {
-		display: flex;
-		align-items: center;
-		align-self: stretch;
-		width: 35px;
-		background-color: rgba(211,211,211,0.17);
-		padding: 22px 30px 22px 15px;
-		margin-left: 12px;
+	.progress-bar-items > li a {
+	    color: var(--bs-gray-dark);
 	}
 	
-	.col {
-		padding-left: 0.2rem;
-    	padding-right: 1rem;
+	.progress-bar-items > li > .progress-bar-icon {
+	    margin-right: .5rem;
 	}
+	
+	.progress-bar-items > li.progress-bar-item-incomplete,
+	.progress-bar-items > li.progress-bar-item-incomplete > .progress-bar-icon {
+	    color: var(--bs-gray-700);
+	}
+	
+	.progress-bar-items > li.progress-bar-item-complete,
+	.progress-bar-items > li.progress-bar-item-complete > .progress-bar-icon {
+	    color: var(--bs-green);
+	}
+	
+	.list-group-item {
+		padding: 0;
+		cursor: default;
+	
+		.icon {
+			display: flex;
+			align-items: center;
+			align-self: stretch;
+			width: 35px;
+			background-color: rgba(211,211,211,0.17);
+			padding: 22px 30px 22px 15px;
+			margin-left: 12px;
+		}
+		
+		.col {
+			padding-left: 0.2rem;
+	    	padding-right: 1rem;
+		}
+	}
 }
 
 .component-page-wrapper .activity-bottom-buttons {
@@ -184,10 +182,6 @@
     box-shadow: var(--bs-btn-focus-box-shadow);
 }
 
-.component-page-wrapper #progress-bar-widget {
-    font-size: 0.90rem;
-}
-
 .wave-orange {
     background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2Q1NmExMSIgd2lkdGg9IjEyNDAiIGhlaWdodD0iMzA0IiAgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBvcGFjaXR5PSIuMTUiIGQ9Ik0wIDBoMTIzOC4wOTV2Mjk2LjQ3N2MtMzQzLjQ0OCAyNi4xNjEtMzA1LjgxNi0yNC44NjEtNjE5LjA0OC0xNy45MDdTMjkxLjk5IDMxNS43ODggMCAyNzguNTdWMHoiLz48cGF0aCBkPSJNMTI0MCAwSC45NTN2MjY0LjgwNGM3Ni41NjYtNy4zNjUgMTQ2Ljg0NC0xOC4xMiAzMjcuMzUxLTcuMzY1czI0NC4yNDUgNTMuNzcxIDUwNi42MjggMTIuOTkxYzE3NC45MjItMjcuMTg3IDMwOS45NDUtMjUuMTg2IDQwNS4wNjggNi4wMDF6IiBmaWxsPSIjZjkzIi8+PC9zdmc+");
     text-align: center;