Index: lams_central/web/css/components.css
===================================================================
diff -u -r742be95aa7c3cc930231fe4299e28942bb6aaf7f -r798e370ebcf193550faac45abc916946a96ac0b6
--- lams_central/web/css/components.css	(.../components.css)	(revision 742be95aa7c3cc930231fe4299e28942bb6aaf7f)
+++ lams_central/web/css/components.css	(.../components.css)	(revision 798e370ebcf193550faac45abc916946a96ac0b6)
@@ -368,7 +368,7 @@
 }
 
 .component-page-wrapper .component-menu-btn a i.fa {
-	padding-top: 1.09rem;
+	padding-top: 1.1rem;
 }
 
 .component-page-wrapper .component-menu-btn a img {
Index: lams_monitoring/web/css/components-monitoring.css
===================================================================
diff -u -r742be95aa7c3cc930231fe4299e28942bb6aaf7f -r798e370ebcf193550faac45abc916946a96ac0b6
--- lams_monitoring/web/css/components-monitoring.css	(.../components-monitoring.css)	(revision 742be95aa7c3cc930231fe4299e28942bb6aaf7f)
+++ lams_monitoring/web/css/components-monitoring.css	(.../components-monitoring.css)	(revision 798e370ebcf193550faac45abc916946a96ac0b6)
@@ -61,14 +61,14 @@
 .component-sidebar {
 	height: initial;
 	align-items: center;
-	padding-top: 2rem;
+	padding-top: 1rem;
 	padding-bottom: 1rem;
 	border-radius: 0 0 1.2rem 1.2rem;
 }
 
 .component-sidebar .lams-logo {
 	width: 3.6rem;	
-	margin-bottom: 3rem;
+	margin-bottom: 2rem;
 }
 
 .component-sidebar.active.expanded {
Index: lams_monitoring/web/monitor5.jsp
===================================================================
diff -u -r535e9d509f9a54b34e80c541e57005790d034bb0 -r798e370ebcf193550faac45abc916946a96ac0b6
--- lams_monitoring/web/monitor5.jsp	(.../monitor5.jsp)	(revision 535e9d509f9a54b34e80c541e57005790d034bb0)
+++ lams_monitoring/web/monitor5.jsp	(.../monitor5.jsp)	(revision 798e370ebcf193550faac45abc916946a96ac0b6)
@@ -280,7 +280,7 @@
 					   data-tab-name="sequence"	title="<fmt:message key='tab.sequence' />">
 						<i class="fa fa-cubes fa-lg"></i>
 					</a>
-					<label for="load-sequence-tab-btn">
+					<label for="load-sequence-tab-btn" class="d-none d-md-block">
 						<fmt:message key='tab.sequence' />
 					</label>
 				</div>
@@ -290,7 +290,7 @@
 						<a id="edit-lesson-btn" class="btn btn-primary" href="#" title="<fmt:message key='label.monitoring.edit.lesson.settings' />">
 							<i class="fa fa-pen fa-lg"></i>
 						</a>
-						<label for="edit-lesson-btn">
+						<label for="edit-lesson-btn" class="d-none d-md-block">
 							<fmt:message key='label.monitoring.edit' />
 						</label>
 					</div>
@@ -300,7 +300,7 @@
 						   data-tab-name="learners"	title="<fmt:message key='tab.learners' />">
 							<i class="fa fa-solid fa-users fa-lg"></i>
 						</a>
-						<label for="load-learners-tab-btn">
+						<label for="load-learners-tab-btn" class="d-none d-md-block">
 							<fmt:message key='tab.learners' />
 						</label>
 					</div>
@@ -310,7 +310,7 @@
 						   data-tab-name="gradebook" title="<fmt:message key='tab.gradebook' />">
 							<i class="fa fa-solid fa-list-ol fa-lg"></i>
 						</a>
-						<label for="load-gradebook-tab-btn">
+						<label for="load-gradebook-tab-btn" class="d-none d-md-block">
 							<fmt:message key='tab.gradebook' />
 						</label>
 					</div>
@@ -323,7 +323,7 @@
 							   data-tab-name="teams" title="<fmt:message key='label.teams' />">
 								<i class="fa fa-people-group fa-lg"></i>
 							</a>
-							<label for="load-teams-tab-btn">
+							<label for="load-teams-tab-btn" class="d-none d-md-block">
 								<fmt:message key='label.teams' />
 							</label>
 						</div>
@@ -334,7 +334,7 @@
 								   data-tab-name="gates" title="<fmt:message key='label.gates' />">
 									<i class="fa fa-sign-in fa-lg"></i>
 								</a>
-								<label for="load-gates-tab-btn">
+								<label for="load-gates-tab-btn" class="d-none d-md-block">
 									<fmt:message key='label.gates' />
 								</label>
 							</div>
@@ -360,7 +360,7 @@
 									</a>
 								</div>
 								
-								<label for="load-irat-btn-group">
+								<label for="load-irat-btn-group" class="d-none d-md-block">
 									<fmt:message key='label.ira' />
 								</label>
 							</div>
@@ -379,7 +379,7 @@
 									</a>
 								</div>
 								
-								<label for="load-trat-btn-group">
+								<label for="load-trat-btn-group" class="d-none d-md-block">
 									<fmt:message key='label.tra' />
 								</label>
 							</div>
@@ -389,7 +389,7 @@
 								   data-tab-name="burningQuestions" title="<fmt:message key='label.monitoring.burning.questions' />">
 									<i class="fa fa-question-circle fa-lg"></i>
 								</a>
-								<label for="load-burning-tab-btn">
+								<label for="load-burning-tab-btn" class="d-none d-md-block">
 									<fmt:message key='label.monitoring.burning.questions' />
 								</label>
 							</div>
@@ -401,7 +401,7 @@
 								   data-tab-name="aes" title="<fmt:message key='label.aes' />">
 									<i class="fa fa-dashboard fa-lg"></i>
 								</a>
-								<label for="load-aes-tab-btn">
+								<label for="load-aes-tab-btn" class="d-none d-md-block">
 									<fmt:message key='label.aes' />
 								</label>
 							</div>
@@ -413,7 +413,7 @@
 								   data-tab-name="peerReview" title="<fmt:message key='label.peer.review' />">
 									<i class="fa fa-person-circle-question fa-lg"></i>
 								</a>
-								<label for="load-aes-tab-btn">
+								<label for="load-aes-tab-btn" class="d-none d-md-block">
 									<fmt:message key='label.peer.review' />
 								</label>
 							</div>
@@ -424,7 +424,7 @@
 						<a id="load-other-nvg-btn" class="btn btn-primary" href="#" title="<fmt:message key='label.monitoring.other.tooltip' />">
 							<i class="fa fa-angles-up fa-lg"></i>
 						</a>
-						<label for="load-teams-tab-btn">
+						<label for="load-teams-tab-btn" class="d-none d-md-block">
 							<fmt:message key='label.monitoring.other' />
 						</label>
 					</div>