diff --git a/client/components/dropdown/dropdown.less b/client/components/dropdown/dropdown.less
index 0d6666f73..3fc491323 100644
--- a/client/components/dropdown/dropdown.less
+++ b/client/components/dropdown/dropdown.less
@@ -1,10 +1,20 @@
+@property --menuColor {
+	syntax: '<color>';
+	inherits: true;
+	initial-value: #DDD;
+}
+
+@property --activeTriggerColor {
+	syntax: '<color>';
+	inherits: true;
+}
+
 :root{
-	--menuColor : var(--menu-color, #DDD);
+	--activeTriggerColor : var(--activeTriggerColor);
 }
 .menu-list {
 	contain          : content;
 	position         : fixed;
-	z-index          : 1000;
 	top              : anchor(bottom);
 	left             : anchor(left);
 	position-try: flip-inline flip-block;
@@ -18,5 +28,5 @@
 		}
 }
 .menu-wrapper:has(:popover-open) > button {                        // if menu is open...
-	background-color: hsl(from var(--menuColor) h s calc(l * .85));  // tint menu triggers based on menu color
+	background-color: var(--activeTriggerColor, hsl(from var(--menuColor) h s calc(l * .85)));  // tint menu triggers based on menu color
 }
\ No newline at end of file
diff --git a/client/homebrew/editor/snippetbar/snippetbar.less b/client/homebrew/editor/snippetbar/snippetbar.less
index a004195e6..b2bf49011 100644
--- a/client/homebrew/editor/snippetbar/snippetbar.less
+++ b/client/homebrew/editor/snippetbar/snippetbar.less
@@ -150,11 +150,6 @@
 				display: none;
 			}
 		}
-		.menu-list {
-			padding          : 0px;
-			background-color : #DDDDDD;
-			
-		}
 	}
 
 	.menu-item {