diff --git a/CSS/themes/bazarr/bazarr-base.css b/CSS/themes/bazarr/bazarr-base.css
index d28bb7e1..8ecc9864 100644
--- a/CSS/themes/bazarr/bazarr-base.css
+++ b/CSS/themes/bazarr/bazarr-base.css
@@ -199,21 +199,22 @@ a:hover {
 
 .sidebar-container .sidebar-button:active,
 .sidebar-container .sidebar-button:focus {
-    color: #fff !important;
-    background-color: hsla(0, 0%, 100%, .08) !important;
+    color: rgb(var(--accent-color)) !important;
+    background-color: rgba(0, 0, 0, 0.15) !important;
 }
 
 .sidebar-container .sidebar-button:hover {
-    background-color: hsla(0, 0%, 100%, .08) !important;
-    color: var(--text-hover) !important;
+    background-color: transparent !important;
+    color: rgb(var(--accent-color)) !important;
 }
 .content-header.bg-dark .btn-dark:hover {
     color:var(--text-hover) !important;
     }
 
-.sidebar-container .sidebar-button.sb-active {
-    background-color: hsla(0, 0%, 100%, .08);
-    color: #fff !important;
+.sidebar-container .sidebar-button.sb-active,
+.sidebar-container .sidebar-button.sb-active:hover {
+    background-color: rgba(0, 0, 0, 0.15) !important;
+    color: rgb(var(--accent-color)) !important;
 }
 
 .content-header.bg-dark>button {
diff --git a/CSS/themes/lidarr/lidarr-base.css b/CSS/themes/lidarr/lidarr-base.css
index dff868fc..2c8849f3 100644
--- a/CSS/themes/lidarr/lidarr-base.css
+++ b/CSS/themes/lidarr/lidarr-base.css
@@ -246,20 +246,19 @@ a:hover {
     background-color: transparent;
 }
 
-[class*="PageSidebarItem-link-"]:hover,
-[class*="PageSidebarItem-link-"]:focus {
-    color: var(--text-hover) !important;
-    background-color: hsla(0, 0%, 100%, .08);
+[class*="PageSidebarItem-link-"]:hover {
+    color: var(--accent-color);
     text-decoration: none;
 }
 
-[class*="PageSidebarItem-isActiveLink-"] {
-    color: #FFF !important;
-    background-color: hsla(0, 0%, 100%, .08) !important;
+[class*="PageSidebarItem-isActiveLink-"],
+[class*="PageSidebarItem-isActiveLink-"]:hover, 
+[class*="PageSidebarItem-link-"]:focus {
+    color: var(--accent-color) !important;
 }
 
 [class*="PageSidebarItem-isActiveParentLink-"] {
-    background-color: transparent;
+    background-color: rgba(0, 0, 0, 0.15);
 }
 
 @media only screen and (max-width: 768px) {
diff --git a/CSS/themes/prowlarr/prowlarr-base.css b/CSS/themes/prowlarr/prowlarr-base.css
index d9670e2b..66cfdfd3 100644
--- a/CSS/themes/prowlarr/prowlarr-base.css
+++ b/CSS/themes/prowlarr/prowlarr-base.css
@@ -208,20 +208,19 @@ a:hover {
     background-color: transparent;
 }
 
-[class*="PageSidebarItem-link-"]:hover,
-[class*="PageSidebarItem-link-"]:focus {
-    color: var(--text-hover) !important;
-    background-color: hsla(0, 0%, 100%, .08);
+[class*="PageSidebarItem-link-"]:hover {
+    color: var(--accent-color);
     text-decoration: none;
 }
 
-[class*="PageSidebarItem-isActiveLink-"] {
-    color: #FFF !important;
-    background-color: hsla(0, 0%, 100%, .08) !important;
+[class*="PageSidebarItem-isActiveLink-"],
+[class*="PageSidebarItem-isActiveLink-"]:hover, 
+[class*="PageSidebarItem-link-"]:focus {
+    color: var(--accent-color) !important;
 }
 
 [class*="PageSidebarItem-isActiveParentLink-"] {
-    background-color: transparent;
+    background-color: rgba(0, 0, 0, 0.15);
 }
 
 @media only screen and (max-width: 768px) {
diff --git a/CSS/themes/radarr/radarr-base.css b/CSS/themes/radarr/radarr-base.css
index 5f42fdbb..0d12ebae 100644
--- a/CSS/themes/radarr/radarr-base.css
+++ b/CSS/themes/radarr/radarr-base.css
@@ -207,20 +207,19 @@ a:hover {
     background-color: transparent;
 }
 
-[class*="PageSidebarItem-link-"]:hover,
-[class*="PageSidebarItem-link-"]:focus {
-    color: var(--text-hover) !important;
-    background-color: hsla(0, 0%, 100%, .08);
+[class*="PageSidebarItem-link-"]:hover {
+    color: var(--accent-color);
     text-decoration: none;
 }
 
-[class*="PageSidebarItem-isActiveLink-"] {
-    color: #FFF !important;
-    background-color: hsla(0, 0%, 100%, .08) !important;
+[class*="PageSidebarItem-isActiveLink-"],
+[class*="PageSidebarItem-isActiveLink-"]:hover, 
+[class*="PageSidebarItem-link-"]:focus {
+    color: var(--accent-color) !important;
 }
 
 [class*="PageSidebarItem-isActiveParentLink-"] {
-    background-color: transparent;
+    background-color: rgba(0, 0, 0, 0.15);
 }
 
 @media only screen and (max-width: 768px) {
diff --git a/CSS/themes/readarr/readarr-base.css b/CSS/themes/readarr/readarr-base.css
index caaeda55..894e3685 100644
--- a/CSS/themes/readarr/readarr-base.css
+++ b/CSS/themes/readarr/readarr-base.css
@@ -246,20 +246,19 @@ a:hover {
     background-color: transparent;
 }
 
-[class*="PageSidebarItem-link-"]:hover,
-[class*="PageSidebarItem-link-"]:focus {
-    color: var(--text-hover) !important;
-    background-color: hsla(0, 0%, 100%, .08);
+[class*="PageSidebarItem-link-"]:hover {
+    color: var(--accent-color);
     text-decoration: none;
 }
 
-[class*="PageSidebarItem-isActiveLink-"] {
-    color: #FFF !important;
-    background-color: hsla(0, 0%, 100%, .08) !important;
+[class*="PageSidebarItem-isActiveLink-"],
+[class*="PageSidebarItem-isActiveLink-"]:hover, 
+[class*="PageSidebarItem-link-"]:focus {
+    color: var(--accent-color) !important;
 }
 
 [class*="PageSidebarItem-isActiveParentLink-"] {
-    background-color: transparent;
+    background-color: rgba(0, 0, 0, 0.15);
 }
 
 @media only screen and (max-width: 768px) {
diff --git a/CSS/themes/sonarr/sonarr-base.css b/CSS/themes/sonarr/sonarr-base.css
index cb3689e1..bd81ba1c 100644
--- a/CSS/themes/sonarr/sonarr-base.css
+++ b/CSS/themes/sonarr/sonarr-base.css
@@ -225,20 +225,19 @@ a:hover {
     background-color: transparent;
 }
 
-[class*="PageSidebarItem-link-"]:hover,
-[class*="PageSidebarItem-link-"]:focus {
-    color: var(--text-hover) !important;
-    background-color: hsla(0, 0%, 100%, .08);
+[class*="PageSidebarItem-link-"]:hover {
+    color: var(--accent-color);
     text-decoration: none;
 }
 
-[class*="PageSidebarItem-isActiveLink-"] {
-    color: #FFF !important;
-    background-color: hsla(0, 0%, 100%, .08) !important;
+[class*="PageSidebarItem-isActiveLink-"],
+[class*="PageSidebarItem-isActiveLink-"]:hover, 
+[class*="PageSidebarItem-link-"]:focus {
+    color: var(--accent-color) !important;
 }
 
 [class*="PageSidebarItem-isActiveParentLink-"] {
-    background-color: transparent;
+    background-color: rgba(0, 0, 0, 0.15);
 }
 
 @media only screen and (max-width: 768px) {