🐛(frontend) fix alignment of side menu

Recent refactoring moved the side menu position.
This commit fixes its alignment.

CHANGELOG.md

@@ -20,6 +20,7 @@ and this project adheres to
 - 🐛(frontend) preserve @ character when esc is pressed after typing it #1512
 - 🐛(frontend) make summary button fixed to remain visible during scroll #1581
 - 🐛(frontend) fix pdf embed to use full width #1526
+- 🐛(frontend) fix alignment of side menu #1597
 - 🐛(frontend) fix fallback translations with Trans #1620
 - 🐛(export) fix image overflow by limiting width to 600px during export #1525
 - 🐛(export) fix table cell alignment issue in exported documents #1582

src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx

@@ -7,7 +7,10 @@ export const cssEditor = css`
     height: 100%;
   }
 
-  & .ProseMirror {
+  & .bn-editor {
+    color: var(--c--theme--colors--greyscale-700);
+  }
+
   /**
   * WCAG Accessibility contrast fixes for BlockNote editor
   */
@@ -82,7 +85,7 @@ export const cssEditor = css`
   * Side menu
   */
   .bn-side-menu[data-block-type='heading'][data-level='1'] {
-      height: 50px;
+    height: 54px;
   }
   .bn-side-menu[data-block-type='heading'][data-level='2'] {
     height: 43px;
@@ -132,10 +135,6 @@ export const cssEditor = css`
     .bn-block-outer:not([data-prev-depth-changed]):before {
     border-left: none;
   }
-  }
-
-  & .bn-editor {
-    color: var(--c--theme--colors--greyscale-700);
 
   /**
   * Quotes
@@ -154,7 +153,6 @@ export const cssEditor = css`
     width: 100%;
     border: 1px solid #d3d2cf;
   }
-  }
 
   & .bn-block-outer:not(:first-child) {
     &:has(h1) {