diff --git a/src/components/Topbar.vue b/src/components/Navbar.vue
similarity index 100%
rename from src/components/Topbar.vue
rename to src/components/Navbar.vue
diff --git a/src/layouts/Main.vue b/src/layouts/Main.vue
index 94a3e2be820..8c5a95f2f2c 100644
--- a/src/layouts/Main.vue
+++ b/src/layouts/Main.vue
@@ -1,6 +1,6 @@
 <template>
     <q-layout view="hHh lpR fFf">
-        <Topbar @on-toggle-drawer="onToggleDrawer()" />
+        <Navbar @on-toggle-drawer="onToggleDrawer()" />
         <q-drawer
             v-model="drawer"
             show-if-above
@@ -77,7 +77,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue';
-import Topbar from 'src/components/Topbar.vue';
+import Navbar from 'src/components/Navbar.vue';
 const drawer = ref(false);
 const miniState = ref(true);