flex-grow instead of flex-1

src/components/Search/SearchBar.vue

@@ -43,7 +43,7 @@ const handleKeydown = (event: KeyboardEvent) => {
 }
 </script>
 <template>
-  <div id="search-container" class="relative h-full flex-1">
+  <div id="search-container" class="relative h-full flex-grow">
     <input
       type="text"
       placeholder="Search for notes"

src/components/Search/SearchResult.vue

@@ -14,7 +14,7 @@ const emit = defineEmits<{
 <template>
   <li class="flex flex-row">
     <a
-      class="flex-1 items-center px-2 py-1"
+      class="flex-grow items-center px-2 py-1"
       @click.stop.prevent="() => emit('goToNote')"
       @mousedown.prevent
       :class="{
@@ -28,7 +28,7 @@ const emit = defineEmits<{
       >
         current
       </span>
-      <span class="flex-1">{{ result.title }}</span>
+      <span class="flex-grow">{{ result.title }}</span>
       <span>{{ formatDate(result.modified) }}</span>
     </a>
   </li>