diff --git a/src/features/nav/components/NavbarSearchBarWrapper.vue b/src/features/nav/components/NavbarSearchBarWrapper.vue
index 9fc6af5..6a36a91 100644
--- a/src/features/nav/components/NavbarSearchBarWrapper.vue
+++ b/src/features/nav/components/NavbarSearchBarWrapper.vue
@@ -15,7 +15,7 @@ limitations under the License.
 -->
 
 <script setup>
-import Searchbar from '@/features/search/components/Searchbar.vue';
+import SearchBar from '@/features/search/components/SearchBar.vue';
 import { watch } from 'vue';
 import { useRoute } from 'vue-router';
 
@@ -34,7 +34,7 @@ watch(() => route.query.q, q => {
 </script>
 
 <template>
-    <Searchbar
+    <SearchBar
         v-if="route.name === 'searchResults'"
         v-model="searchQueryModel"
         auto-submit
diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/SearchBar.vue
similarity index 100%
rename from src/features/search/components/Searchbar.vue
rename to src/features/search/components/SearchBar.vue
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 72db8e2..aa5e97f 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -15,7 +15,7 @@ limitations under the License.
 -->
 
 <script setup>
-import Searchbar from '../features/search/components/Searchbar.vue';
+import SearchBar from '../features/search/components/SearchBar.vue';
 import logo from '@/assets/images/logo.svg';
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
@@ -35,7 +35,7 @@ const searchQuery = ref('');
     </header>
 
         <div class="search-container">
-            <Searchbar v-model="searchQuery" ref="searchbar" class="search-bar" auto-submit />
+            <SearchBar v-model="searchQuery" ref="searchbar" class="search-bar" auto-submit />
         </div>
     </div>
 </template>