diff --git a/next-ui/src/components/library/TabNavigation.vue b/next-ui/src/components/library/TabNavigation.vue
index 753ed40f..e1e89684 100644
--- a/next-ui/src/components/library/TabNavigation.vue
+++ b/next-ui/src/components/library/TabNavigation.vue
@@ -1,12 +1,18 @@
 <template>
-  <v-tabs :items="routes">
-    <template #tab="{ item: route }">
-      <v-tab
-        :text="route.title"
-        :to="route.to"
-      />
-    </template>
-  </v-tabs>
+  <v-app-bar>
+    <v-tabs
+      :items="routes"
+      center-active
+      grow
+    >
+      <template #tab="{ item: route }">
+        <v-tab
+          :text="route.title"
+          :to="route.to"
+        />
+      </template>
+    </v-tabs>
+  </v-app-bar>
 </template>
 
 <script setup lang="ts">