diff --git a/apps/metadata-editor/src/app/dashboard/dashboard-menu/dashboard-menu.component.html b/apps/metadata-editor/src/app/dashboard/dashboard-menu/dashboard-menu.component.html
index 547afed229..64aba5ac74 100644
--- a/apps/metadata-editor/src/app/dashboard/dashboard-menu/dashboard-menu.component.html
+++ b/apps/metadata-editor/src/app/dashboard/dashboard-menu/dashboard-menu.component.html
@@ -2,26 +2,28 @@
   <a
     class="menu-item"
     routerLink="/records/my-org"
-    routerLinkActive
+    routerLinkActive="btn-active"
     #rlaMyOrg="routerLinkActive"
   >
     <mat-icon class="material-icons-outlined">home</mat-icon>
     <span translate="">dashboard.records.myOrg</span>
   </a>
+
   <a
     class="menu-item"
     routerLink="/records/all"
-    routerLinkActive
+    routerLinkActive="btn-active"
     #rlaAll="routerLinkActive"
   >
     <mat-icon class="material-icons-outlined">work_outline</mat-icon>
     <span translate="">dashboard.records.all</span>
   </a>
+
   <div class="menu-title" translate="">dashboard.labels.mySpace</div>
   <a
     class="menu-item"
     routerLink="/records/my-records"
-    routerLinkActive
+    routerLinkActive="btn-active"
     #rlaMyRecords="routerLinkActive"
   >
     <mat-icon class="material-icons-outlined">post_add</mat-icon>
@@ -30,7 +32,7 @@
   <a
     class="menu-item"
     routerLink="/records/my-draft"
-    routerLinkActive
+    routerLinkActive="btn-active"
     #rlaMyDraft="routerLinkActive"
   >
     <mat-icon class="material-icons-outlined">edit_note</mat-icon>
@@ -39,7 +41,7 @@
   <a
     class="menu-item"
     routerLink="/records/my-library"
-    routerLinkActive
+    routerLinkActive="btn-active"
     #rlaMyLibrary="routerLinkActive"
   >
     <mat-icon class="material-icons-outlined">bookmark_border</mat-icon>