diff --git a/goofy-client/apps/goofy/src/styles/material/_expansion-panel.scss b/goofy-client/apps/goofy/src/styles/material/_expansion-panel.scss
index 94c3ebb197867f03b3cc58bc97500638717f6e30..74c7e5729529eff15888b001a10b01cdaf3bd3f6 100644
--- a/goofy-client/apps/goofy/src/styles/material/_expansion-panel.scss
+++ b/goofy-client/apps/goofy/src/styles/material/_expansion-panel.scss
@@ -97,5 +97,5 @@
 }
 
 :host-context(.dark) .mat-expansion-panel {
-	background: $darkBackgroundExpansionPanelLike;
+	background-color: $darkBackgroundExpansionPanelLike;
 }
diff --git a/goofy-client/apps/goofy/src/styles/material/_menu.scss b/goofy-client/apps/goofy/src/styles/material/_menu.scss
index ceaa8694f07f76a50469b040daa6848fa42db7d7..0b5ad16913c1630d9d1f1c0732e2c09f3ca5383f 100644
--- a/goofy-client/apps/goofy/src/styles/material/_menu.scss
+++ b/goofy-client/apps/goofy/src/styles/material/_menu.scss
@@ -5,6 +5,12 @@
 	background-color: $background;
 }
 
+body.dark {
+	.mat-mdc-menu-panel.mat-mdc-menu-panel {
+		background-color: $darkBackgroundExpansionPanelLike;
+	}
+}
+
 goofy-client-help-menu {
 	.mat-mdc-fab {
 		box-shadow: none !important;