diff --git a/web_src/css/base.css b/web_src/css/base.css
index 0fddf97c63..8f75a63cd0 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -1185,7 +1185,8 @@ svg.text.purple,
   color: var(--color-label-text);
 }
 
-.ui.menu .active.item > .label {
+.ui.menu .active.item > .label,
+.ui.menu.tabs-with-labels .item:hover > .label {
   background: var(--color-label-bg-alt, var(--color-label-bg));
 }
 
diff --git a/web_src/js/components/DashboardRepoList.vue b/web_src/js/components/DashboardRepoList.vue
index 4e79b2f28d..548324b4b8 100644
--- a/web_src/js/components/DashboardRepoList.vue
+++ b/web_src/js/components/DashboardRepoList.vue
@@ -339,7 +339,7 @@ export default sfc; // activate the IDE's Vue plugin
 </script>
 <template>
   <div>
-    <div v-if="!isOrganization" class="ui secondary stackable menu">
+    <div v-if="!isOrganization" class="ui secondary stackable menu tabs-with-labels">
       <a :class="{item: true, active: tab === 'repos'}" @click="changeTab('repos')">{{ textMyRepos }} <span class="ui grey label tw-ml-2">{{ reposTotalCount }}</span></a>
       <a :class="{item: true, active: tab === 'organizations'}" @click="changeTab('organizations')">{{ textMyOrgs }} <span class="ui grey label tw-ml-2">{{ organizationsTotalCount }}</span></a>
     </div>