diff --git a/css/base/organizr/organizr-base.css b/css/base/organizr/organizr-base.css
index 93063ef1..bdb1dca8 100644
--- a/css/base/organizr/organizr-base.css
+++ b/css/base/organizr/organizr-base.css
@@ -212,14 +212,16 @@ h6 {
 .tabs-style-flip nav a,
 .nav-tabs>li>a {
     color: var(--text-hover);
+    transition: color .3s;
 }
 
 .customtab2 li.active a,
 .customtab2 li.active a:focus,
 .customtab2 li.active a:hover {
-    background: rgba(0, 0, 0, 0.25) !important;
-    border-color: rgba(255, 255, 255, 0.1) !important;
+    background: rgba(var(--accent-color), 0.15) !important;
+    border-color: rgba(var(--accent-color), 0.1) !important;
     border-radius: 20px;
+    color: rgb(var(--accent-color)) !important;
 }
 
 /*toast*/
@@ -1173,7 +1175,6 @@ label[for="checkbox-login"]:hover {
 .nav-tabs>li.active>a:hover {
     cursor: pointer;
     opacity: 1;
-    background: rgb(var(--accent-color) , .15) !important;
 }
 
 #homepageOrderdownloader .nav-tabs>li.active>a,
@@ -2112,12 +2113,14 @@ input,
 .customtab2 li.active a:hover {
     background: #1f1f1f;
     border-radius: 20px;
+    border: 0;
+    transition: background-color .3s;
 }
 
 .nav-tabs>li>a:hover {
-    background: rgba(0, 0, 0, 0.25) !important;
-    border-radius: 0px;
-    color: var(--text-hover);
+    background: transparent !important;
+    border-radius: 20px;
+    color: rgb(var(--accent-color)) !important;
 }
 
 .tabs-style-flip nav a:focus,