flex-grow instead of flex-1

src/components/Note/NoteEditor.vue

@@ -163,7 +163,7 @@ const createLink = (link: string) => {
 <template>
   <div class="relative" ref="editorElement">
     <CKEditor
-      class="h-full text-[110%] font-light"
+      class="flex-grow text-[110%] font-light"
       :editor="editor"
       v-model="editorData"
       :config="editorConfig"

src/components/Note/NoteToolbar.vue

@@ -10,7 +10,7 @@ const emit = defineEmits<{
 <template>
   <div class="mb-2 flex items-center">
     <h1
-      class="mr-2 flex flex-1 items-center rounded-md pr-2 text-3xl font-semibold hover:bg-gray-200"
+      class="mr-2 flex flex-grow items-center rounded-md pr-2 text-3xl font-semibold hover:bg-gray-200"
     >
       <slot name="title"></slot>
     </h1>