diff --git a/src/workbench/browser/src/app/shared/components/sidebar/sidebar.component.html b/src/workbench/browser/src/app/shared/components/sidebar/sidebar.component.html
index 8ce19838a..16e7649cc 100644
--- a/src/workbench/browser/src/app/shared/components/sidebar/sidebar.component.html
+++ b/src/workbench/browser/src/app/shared/components/sidebar/sidebar.component.html
@@ -11,6 +11,6 @@
     <i class="icon">
       <iconpark-icon [name]="item.icon"></iconpark-icon>
     </i>
-    <span *ngIf="!sidebar.collapsed">{{ item.moduleName }}</span>
+    <span class="label my-1" *ngIf="!sidebar.collapsed">{{ item.moduleName }}</span>
   </a>
 </div>
diff --git a/src/workbench/browser/src/app/shared/components/sidebar/sidebar.component.scss b/src/workbench/browser/src/app/shared/components/sidebar/sidebar.component.scss
index 078689e69..e204ffbb7 100644
--- a/src/workbench/browser/src/app/shared/components/sidebar/sidebar.component.scss
+++ b/src/workbench/browser/src/app/shared/components/sidebar/sidebar.component.scss
@@ -20,7 +20,7 @@
   color: var(--SIDEBAR_TEXT);
   transform: scale(0.8);
   border-radius: 3px;
-  font-size: rgba(0,0,0,0.5);
+  color: rgba(0,0,0,0.5);
   &:hover {
     background-color: var(--SEC_BG);
     // background-color: var(--SIDEBAR_BG_HOVER);
@@ -35,6 +35,9 @@
     i.icon {
       color: #00785a;
     }
+    .label {
+      color: rgba(0,0,0,0.8);
+    }
   }
 }