diff --git a/app/assets/stylesheets/fizzy-menu.css b/app/assets/stylesheets/fizzy-menu.css
index df3007c12..050a4fd9c 100644
--- a/app/assets/stylesheets/fizzy-menu.css
+++ b/app/assets/stylesheets/fizzy-menu.css
@@ -1,9 +1,9 @@
 @layer components {
   .input:is(.fizzy-menu-trigger) {
-    --input-border-color: var(--color-selected-dark);
+    --input-background: var(--color-canvas);
+    --input-border-color: transparent;
     --input-padding: 0.2em 2em 0.2em 0.9em;
 
-    background-color: var(--color-canvas);
     inline-size: auto;
     margin-block-start: 0.1em;
 
@@ -14,6 +14,10 @@
     @media (any-hover: hover) {
       &:hover {
         filter: brightness(0.9);
+
+        @media (prefers-color-scheme: dark) {
+          --input-background: var(--color-ink-lighter);
+        }
       }
     }