diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 6ff6a2a0..ce322c27 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: transparent;
+    background-color: var(--foreground);
     border: none;
 
     .ProseMirror-menu-active {