diff --git a/web/viewer.css b/web/viewer.css
index 3629d5eb2..71d7dd5f8 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -634,16 +634,16 @@ body {
 .toggleButton {
   display: inline;
 
-  &:is(:hover, :has(> input:focus-visible)) {
-    color: var(--toggled-btn-color);
-    background-color: var(--button-hover-color);
-  }
-
   &:has(> input:checked) {
     color: var(--toggled-btn-color);
     background-color: var(--toggled-btn-bg-color);
   }
 
+  &:is(:hover, :has(> input:focus-visible)) {
+    color: var(--toggled-btn-color);
+    background-color: var(--button-hover-color);
+  }
+
   & > input {
     position: absolute;
     top: 50%;