diff --git a/src/App.vue b/src/App.vue
index 742ffbc..ff7bb61 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -31,7 +31,7 @@ onMounted(async () => {
         <span class="font-bold text-lg hidden lg:block">StreamCapture</span>
       </div>
 
-      <nav class="flex-1 px-4 space-y-2 mt-4 flex flex-col">
+      <nav class="flex-1 px-4 space-y-2 mt-4 flex flex-col pb-6">
         <!-- Top Section -->
         <RouterLink to="/" 
           class="flex items-center gap-3 px-4 py-3 rounded-xl transition-colors"
@@ -61,7 +61,7 @@ onMounted(async () => {
         </RouterLink>
 
         <RouterLink to="/settings" 
-          class="flex items-center gap-3 px-4 py-3 rounded-xl transition-colors mb-4"
+          class="flex items-center gap-3 px-4 py-3 rounded-xl transition-colors"
           :class="route.path === '/settings' ? 'bg-blue-50 text-blue-600 dark:bg-blue-900/20 dark:text-blue-400' : 'hover:bg-gray-100 dark:hover:bg-zinc-800'"
         >
           <SettingsIcon class="w-5 h-5 shrink-0" />