diff --git a/src/editor/MenuBar.svelte b/src/editor/MenuBar.svelte
index 723ad57..6e8c1a5 100644
--- a/src/editor/MenuBar.svelte
+++ b/src/editor/MenuBar.svelte
@@ -21,3 +21,16 @@
   <ListItem {view} {state} kind={ListKind.Ordered} />
   <BlockQuoteItem {view} {state} />
 </div>
+
+<style>
+.menubar {
+  position: sticky;
+  top: 0px;
+  z-index: 69;
+
+  display: flex;
+
+  background: var(--background, white);
+  border-bottom: 1px solid var(--accent-bg);
+}
+</style>
\ No newline at end of file
diff --git a/src/editor/editor.css b/src/editor/editor.css
index 6cee9e1..64ac1ec 100644
--- a/src/editor/editor.css
+++ b/src/editor/editor.css
@@ -9,14 +9,6 @@
   box-sizing: border-box;
 }
 
-.editor .menubar {
-  position: sticky;
-  top: 0px;
-  z-index: 69;
-  background: var(--background, white);
-  border-bottom: 1px solid var(--accent-bg);
-}
-
 .editor .menubar button {
   appearance: none;
   background: none;