diff --git a/src/components/header_menu.jsx b/src/components/header_menu.jsx
index 262430cd..634cb10e 100644
--- a/src/components/header_menu.jsx
+++ b/src/components/header_menu.jsx
@@ -39,7 +39,7 @@ const HeaderMenu = ({
   const { filename } = models.file.splitFilename(file.attributes)
 
   return (
-    <header>
+    <header className={styles['header']}>
       <div className={styles['header-menu']}>
         <WithBreakpoints hideOn={Breakpoints.Mobile}>
           <AppLinker app={{ slug: Slugs.Home }} href={homeHref}>
diff --git a/src/components/header_menu.styl b/src/components/header_menu.styl
index 4c0a5aa7..0dd6c3d3 100644
--- a/src/components/header_menu.styl
+++ b/src/components/header_menu.styl
@@ -1,11 +1,15 @@
 @require 'settings/breakpoints.styl'
 
+.header
+    position fixed // To be above the cozy-bar
+    z-index calc(var(--zIndex-bar) + 1) // To be above the cozy-bar
+    width 100%
+
 .header-menu
     align-items center
     box-shadow var(--shadow1)
     display flex
     padding 0.5rem 1rem 0.5rem 0
-    position relative
     z-index var(--zIndex-low) // Needed for the drop-shadow to be above the editor area
 
     +small-screen('min')
diff --git a/src/components/notes/editor-view.styl b/src/components/notes/editor-view.styl
index 59b03aa6..f9ea1f47 100644
--- a/src/components/notes/editor-view.styl
+++ b/src/components/notes/editor-view.styl
@@ -10,7 +10,7 @@ $COZY_BAR_HEIGHT=-3rem
 .note-article
     display flex
     flex-direction column
-    height 100%
+    height calc(100% + 3rem) // To keep a 100% height even with the negative margin-top
     width 100%
 
     &:not(.note-article--intents)
diff --git a/src/styles/index.css b/src/styles/index.css
index 898c1ff3..425049c6 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -69,6 +69,7 @@ html .akEditor>div:first-child {
 
 .note-editor-container {
     overflow: hidden;
+    margin-top: 3rem; /* To go below the toolbar which is fixed */
 }
 
 /* prose mirror toolbar in the upper bar */