Index: lams_central/web/css/components.css
===================================================================
diff -u -r544a14da65d4eee4a90332615c408ed2fc509d05 -rccc1c4ab6e987bbf3680c88de5eca4ab1eb38bc7
--- lams_central/web/css/components.css	(.../components.css)	(revision 544a14da65d4eee4a90332615c408ed2fc509d05)
+++ lams_central/web/css/components.css	(.../components.css)	(revision ccc1c4ab6e987bbf3680c88de5eca4ab1eb38bc7)
@@ -279,14 +279,19 @@
 	transform: translateX(-7rem);
 }
 
+.component-sidebar .component-menu-btn a {
+	margin-bottom: 1rem;
+}
+
 .component-sidebar > ul {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	margin-bottom: auto;
 }
 
-.component-sidebar .logo-li {
+.component-sidebar .logo-li,
+.component-sidebar .lams-logo {
 	margin-bottom: 4rem;
 }
 
@@ -358,27 +363,39 @@
 	display: flex;
 }
 
-.component-page-wrapper .top-menu-btn a {
+.component-page-wrapper .component-menu-btn a {
+	color: #fff;
 	display: inline-block;
 	background-color: #3C42E0;
 	width: 3.1rem;
 	height: 3.1rem;
 	border-radius: 1rem;
-	margin-left: .6rem;
 	text-align: center;
 	line-height: 2.8rem;
 	box-shadow: 0px 3px 6px #3C42E040;
 	transition: all .3s ease;
 }
 
-.component-page-wrapper .top-menu-btn a:hover {
+.component-page-wrapper .component-menu-btn a i.fa {
+	padding-top: 1.5rem;
+}
+
+.component-page-wrapper .component-menu-btn a.active {
 	background-color: #878bea;
 }
 
-.component-page-wrapper .top-menu-btn a img {
+.component-page-wrapper .component-menu-btn a:hover {
+	background-color: #878bea;
+}
+
+.component-page-wrapper .component-menu-btn a img {
 	width: 1rem;
 }
 
+.component-page-wrapper .top-menu a {
+	margin-left: .6rem;
+}
+
 .component-page-wrapper .top-menu form {
 	position: relative;
 	width: 18.8rem;