fix layout

src/components/Note/NoteEditor.vue

@@ -159,7 +159,7 @@ const createLink = (link: string) => {
 }
 </script>
 <template>
-  <div class="relative" ref="editorElement">
+  <div class="relative overflow-x-hidden" ref="editorElement">
     <CKEditor
       class="w-full flex-grow text-[110%] font-light"
       :editor="editor"

src/components/TopBar.vue

@@ -20,7 +20,7 @@ const authModalInitialStateOpen = ref<boolean>(authUI.isPendingRedirect())
 </script>
 <template>
   <div
-    class="fixed left-0 right-0 top-0 z-[500] flex h-[50px] bg-primary"
+    class="z-[500] flex h-[50px] bg-primary"
     :class="searchActive && 'search-active'"
   >
     <div class="mx-auto flex w-full max-w-app items-center py-2.5 text-white">

src/components/ViewModes/Note.vue

@@ -42,7 +42,7 @@ const setRoot = async (closeModal: () => Promise<Boolean>) => {
 }
 </script>
 <template>
-  <div class="flex h-full flex-col">
+  <div class="flex flex-grow flex-col">
     <NoteToolbar :note="props.note" @delete="del" @set-root="setRoot">
       <template #title>
         <i