diff --git a/toolkit/themes/shared/menulist.css b/toolkit/themes/shared/menulist.css
index 3b3e855f20c74f096324c42814e63cbdeb486051..f52e47fc8acea20a4e073b7f4a588d4d4e721aa8 100644
--- a/toolkit/themes/shared/menulist.css
+++ b/toolkit/themes/shared/menulist.css
@@ -53,7 +53,7 @@
 
 :host(:not([native])) {
   appearance: none;
-  background-color: var(--button-background-color);
+  background-color: light-dark(rgba(0,0,0,.1), rgba(255,255,255,.1));
   color: var(--button-text-color);
   border-radius: var(--button-border-radius);
   padding-block: var(--space-xsmall);