diff --git a/src/components/Header/SearchBar/SearchBar.vue b/src/components/Header/SearchBar/SearchBar.vue
index 25b3dc67d3..a3941869d6 100644
--- a/src/components/Header/SearchBar/SearchBar.vue
+++ b/src/components/Header/SearchBar/SearchBar.vue
@@ -1,5 +1,5 @@
 <template>
-  <form class="search-bar group flex flex-row">
+  <form class="search-bar group flex flex-row" @submit.prevent="handleSearch">
     <InputField
       v-model="text"
       class="flex-grow input-field"
@@ -10,7 +10,7 @@
     >
       {{ extraText }}
     </InputField>
-    <SearchButton @click="handleSearch" />
+    <SearchButton type="submit" />
   </form>
 </template>
 
diff --git a/src/components/Header/SearchBar/meta/SearchBar.stories.mdx b/src/components/Header/SearchBar/meta/SearchBar.stories.mdx
index 5dfc80a48f..f2c1e18d06 100644
--- a/src/components/Header/SearchBar/meta/SearchBar.stories.mdx
+++ b/src/components/Header/SearchBar/meta/SearchBar.stories.mdx
@@ -14,8 +14,8 @@ import SearchBar from '~/components/Header/SearchBar/SearchBar.vue'
     input: {
       action: 'input',
     },
-    searched: {
-      action: 'searched',
+    search: {
+      action: 'search',
     },
   }}
 />