diff --git a/app/components/AppFooter.vue b/app/components/AppFooter.vue
index e03ca46..541a014 100644
--- a/app/components/AppFooter.vue
+++ b/app/components/AppFooter.vue
@@ -1,5 +1,5 @@
 <template>
-  <footer class="footer footer-center bg-base-200 p-4 text-base-content">
+  <footer class="mt-12 p-4 text-base-content/60 text-sm text-center items-center">
     <aside>
       <p>&copy; {{ new Date().getFullYear() }} TEC. Built with Nuxt 4 + DaisyUI.</p>
     </aside>
diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index d1ee402..8d3fe1c 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -1,20 +1,18 @@
+<script setup lang="ts"></script>
+
 <template>
-  <header class="navbar bg-base-200">
-    <div class="flex-1">
-      <NuxtLink to="/" class="btn btn-ghost text-xl">Affirm</NuxtLink>
-    </div>
-    <nav class="flex-none">
-      <ul class="menu menu-horizontal px-1">
-        <li>
-          <NuxtLink to="/">Home</NuxtLink>
-        </li>
-        <li>
-          <NuxtLink to="/about">About</NuxtLink>
-        </li>
-        <li>
-          <NuxtLink to="/list">List</NuxtLink>
-        </li>
-      </ul>
-    </nav>
-  </header>
+  <nav>
+    <h1 class="mb-8 text-xl font-bold ml-4">Affirm</h1>
+    <ul class="menu menu-lg w-full p-0">
+      <li>
+        <NuxtLink to="/" class="link link-hover" active-class="menu-active">Home</NuxtLink>
+      </li>
+      <li>
+        <NuxtLink to="/about" class="link link-hover" active-class="menu-active">About</NuxtLink>
+      </li>
+      <li>
+        <NuxtLink to="/list" class="link link-hover" active-class="menu-active">List</NuxtLink>
+      </li>
+    </ul>
+  </nav>
 </template>
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 95faf21..dc01749 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,9 +1,11 @@
 <template>
-  <div class="flex min-h-screen flex-col">
-    <AppHeader />
-    <main class="flex-1 container mx-auto p-6">
-      <slot />
-    </main>
-    <AppFooter />
+  <div class="flex min-h-screen flex-row justify-center">
+    <div class="flex min-h-screen flex-column gap-6 max-w-240 w-full">
+      <AppHeader class="flex-0 min-w-40 sticky top-0 h-fit py-12" />
+      <main class="flex-1 py-12">
+        <slot />
+        <AppFooter />
+      </main>
+    </div>
   </div>
 </template>