diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss
index cb331639..8fab5dc4 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.scss
@@ -6,14 +6,14 @@
 ::ng-deep .mat-tab-body-wrapper,
 ::ng-deep .mat-tab-body {
   height: 100%;
-  width:100%;
+  width: 100%;
 }
-.logo{
+.logo {
   position: absolute;
-  top:0;
-  left:0;
-  height:60px;
-  width:70px;
+  top: 0;
+  left: 0;
+  height: 60px;
+  width: 70px;
 }
 .container {
   display: flex;
@@ -21,28 +21,28 @@
 }
 
 .mat-tab-group {
-    display: flex;
-    width:100%;
-    flex-direction: row;
+  display: flex;
+  width: 100%;
+  flex-direction: row;
 }
 
-::ng-deep .global-menu{
-  border-right:1px solid #dddddd;
-  .mat-tab-label-container{
-    border-right:1px solid #dddddd;
-    .mat-tab-list{
-      .mat-tab-labels{
-        padding-top:60px;
+::ng-deep .global-menu {
+  border-right: 1px solid #dddddd;
+  .mat-tab-label-container {
+    border-right: 1px solid #dddddd;
+    .mat-tab-list {
+      .mat-tab-labels {
+        padding-top: 30px;
         flex-flow: column;
-        height: 60%;
-        .mat-tab-label{
-          height:80px;
+        height: 280px;
+        .mat-tab-label {
+          height: 80px;
         }
       }
-      .mat-ink-bar{
-        background-color:none;
-        height:0;
+      .mat-ink-bar {
+        background-color: none;
+        height: 0;
       }
     }
   }
-}
\ No newline at end of file
+}