diff --git a/app/components/navigation/MainNavigation.vue b/app/components/navigation/MainNavigation.vue
index bfc4297..0c205ba 100644
--- a/app/components/navigation/MainNavigation.vue
+++ b/app/components/navigation/MainNavigation.vue
@@ -1,5 +1,5 @@
 <template>
-  <header class="bg-base-200 border-b border-base-300">
+  <header class="bg-base-100 shadow-md">
     <div class="relative flex items-center h-16 px-4 lg:px-6">
       <!-- Left: Logo -->
       <div class="flex items-center">
diff --git a/app/components/navigation/SubNavigation.vue b/app/components/navigation/SubNavigation.vue
index b7c6704..236c465 100644
--- a/app/components/navigation/SubNavigation.vue
+++ b/app/components/navigation/SubNavigation.vue
@@ -1,5 +1,5 @@
 <template>
-  <nav v-if="items.length > 0" class="bg-base-200 border-b border-base-300">
+  <nav v-if="items.length > 0" class="bg-base-100 shadow-sm">
     <div class="flex items-center gap-1 py-2 px-4 lg:px-6 overflow-x-auto">
       <NuxtLink
         v-for="item in items"