diff --git a/components/nav/NavSide.vue b/components/nav/NavSide.vue
index d8015315..ab6597d4 100644
--- a/components/nav/NavSide.vue
+++ b/components/nav/NavSide.vue
@@ -17,7 +17,7 @@ const { notifications } = useNotifications()
 </script>
 
 <template>
-  <nav sm:px3 flex="~ col gap2" shrink text-size-base leading-normal md:text-lg>
+  <nav sm:px3 flex="~ col gap2" shrink text-size-base leading-normal md:text-lg h-full>
     <div shrink hidden sm:block mt-4 />
     <NavSideItem :text="$t('nav.home')" to="/home" icon="i-ri:home-5-line" user-only :command="command" />
     <NavSideItem :text="$t('nav.notifications')" to="/notifications" icon="i-ri:notification-4-line" user-only :command="command">
diff --git a/layouts/default.vue b/layouts/default.vue
index 6f73ea45..fe38cf8d 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -23,8 +23,7 @@ const isGrayscale = usePreferences('grayscaleMode')
             <div flex="~ col" overflow-y-auto justify-between h-full max-w-full mt-5>
               <NavTitle />
               <NavSide command />
-              <div flex-auto />
-              <div v-if="isHydrated" flex flex-col>
+              <div v-if="isHydrated" flex flex-col sticky bottom-0 bg-base>
                 <div hidden xl:block>
                   <UserSignInEntry v-if="!currentUser" />
                 </div>