diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index adf439d4..997bb218 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -337,7 +337,7 @@
         background-color: var(--button-elevated);
     }
 
-    :global(.button.elevated:active) {
+    :global(.button.elevated:not(.color):active) {
         background-color: var(--button-elevated-hover);
     }
 
@@ -365,8 +365,8 @@
         :global(button:hover) {
             background-color: var(--button-hover);
         }
-    
-        :global(.button.elevated:hover) {
+
+        :global(.button.elevated:not(.color):hover) {
             background-color: var(--button-elevated-hover);
         }