diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index 8ffcf817..a5a92703 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -3688,13 +3688,12 @@ body.objectKanbanColumnResizing * {
 }
 
 .dashboard-tab-item:not(.dashboard-tab-item-active):hover {
-  background: var(--color-button-background);
-  border: 1px solid
-    color-mix(
-      in srgb,
-      var(--color-button-border) 40%,
-      var(--color-button-background)
-    );
+  background: color-mix(in srgb, #ffffff 35%, transparent);
+  border: 1px solid var(--color-header-border);
+}
+
+.dark-mode .dashboard-tab-item:not(.dashboard-tab-item-active):hover {
+  background: color-mix(in srgb, #ffffff 2.75%, transparent);
 }
 
 .dashboard-tab-item-active {