diff --git a/frontend/src/components/dir-view-mode/dir-views/index.css b/frontend/src/components/dir-view-mode/dir-views/index.css
index 4f3bf9d4a0..d5e5d6bb04 100644
--- a/frontend/src/components/dir-view-mode/dir-views/index.css
+++ b/frontend/src/components/dir-view-mode/dir-views/index.css
@@ -24,6 +24,6 @@
 .metadata-views-dropdown-menu .dropdown-item:hover .metadata-view-icon,
 .metadata-views-dropdown-menu .dropdown-item:focus .metadata-view-icon,
 .metadata-views-dropdown-menu .dropdown-item:focus .sf3-font {
-  color: var(--bs-dropdown-link-hover-color);
-  fill: var(--bs-dropdown-link-hover-color);
+  color: #fff;
+  fill: #fff;
 }