diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index ce322c27..cb0404f6 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -279,7 +279,7 @@ svg {
   .ProseMirror-menubar {
     min-height: 32px;
     color: black;
-    background-color: var(--foreground);
+    background-color: var(--background);
     border: none;
 
     .ProseMirror-menu-active {