diff --git a/resources/views/layouts/admin.blade.php b/resources/views/layouts/admin.blade.php
index 7b90b33..09aad0e 100644
--- a/resources/views/layouts/admin.blade.php
+++ b/resources/views/layouts/admin.blade.php
@@ -10,9 +10,9 @@
 </head>
 {{-- theme-admin swaps every design token to the dark Tactical-Terminal set. --}}
 <body class="theme-admin min-h-full bg-bg text-body antialiased" x-data="{ nav: false }">
-    <div class="flex min-h-screen">
+    <div class="flex min-h-screen lg:h-screen lg:overflow-hidden">
         <aside
-            class="fixed inset-y-0 left-0 z-40 w-60 border-r border-line bg-surface px-3 py-4 transition-transform lg:static lg:translate-x-0"
+            class="fixed inset-y-0 left-0 z-40 flex w-60 flex-col overflow-y-auto border-r border-line bg-surface px-3 py-4 transition-transform lg:static lg:h-screen lg:translate-x-0"
             :class="nav ? 'translate-x-0' : '-translate-x-full'"
         >
             <div class="flex items-center justify-between px-3 pb-4">
@@ -49,8 +49,8 @@
 
         <div x-show="nav" x-cloak @click="nav = false" class="fixed inset-0 z-30 bg-black/40 lg:hidden"></div>
 
-        <div class="flex min-w-0 flex-1 flex-col">
-            <header class="flex h-14 items-center justify-between border-b border-line bg-surface px-4">
+        <div class="flex min-w-0 flex-1 flex-col lg:h-screen lg:overflow-hidden">
+            <header class="flex h-14 shrink-0 items-center justify-between border-b border-line bg-surface px-4">
                 <button type="button" class="lg:hidden inline-flex min-h-11 min-w-11 items-center justify-center rounded text-muted hover:bg-surface-hover" @click="nav = true" aria-label="{{ __('dashboard.open_nav') }}">
                     <x-ui.icon name="menu" />
                 </button>
@@ -76,7 +76,7 @@
                 @endauth
             </header>
 
-            <main class="mx-auto w-full max-w-[1240px] flex-1 p-6 lg:p-8">
+            <main class="mx-auto w-full max-w-[1240px] flex-1 p-6 lg:overflow-y-auto lg:p-8">
                 {{ $slot }}
             </main>
         </div>
diff --git a/resources/views/layouts/portal-app.blade.php b/resources/views/layouts/portal-app.blade.php
index a76af55..22fdda8 100644
--- a/resources/views/layouts/portal-app.blade.php
+++ b/resources/views/layouts/portal-app.blade.php
@@ -9,10 +9,10 @@
     @livewireStyles
 </head>
 <body class="min-h-full bg-bg text-body antialiased" x-data="{ nav: false }">
-    <div class="flex min-h-screen">
-        {{-- Sidebar: fixed drawer on small screens, static on large (R7). --}}
+    <div class="flex min-h-screen lg:h-screen lg:overflow-hidden">
+        {{-- Sidebar: fixed drawer on small screens, fixed full-height column on large (R7). --}}
         <aside
-            class="fixed inset-y-0 left-0 z-40 w-60 border-r border-line bg-surface px-3 py-4 transition-transform lg:static lg:translate-x-0"
+            class="fixed inset-y-0 left-0 z-40 flex w-60 flex-col overflow-y-auto border-r border-line bg-surface px-3 py-4 transition-transform lg:static lg:h-screen lg:translate-x-0"
             :class="nav ? 'translate-x-0' : '-translate-x-full'"
         >
             <div class="flex items-center justify-between px-3 pb-4">
@@ -41,8 +41,8 @@
         {{-- Mobile backdrop --}}
         <div x-show="nav" x-cloak @click="nav = false" class="fixed inset-0 z-30 bg-ink/20 lg:hidden"></div>
 
-        <div class="flex min-w-0 flex-1 flex-col">
-            <header class="flex h-14 items-center justify-between border-b border-line bg-surface px-4">
+        <div class="flex min-w-0 flex-1 flex-col lg:h-screen lg:overflow-hidden">
+            <header class="flex h-14 shrink-0 items-center justify-between border-b border-line bg-surface px-4">
                 <button type="button" class="lg:hidden inline-flex min-h-11 min-w-11 items-center justify-center rounded text-muted hover:bg-surface-hover" @click="nav = true" aria-label="{{ __('dashboard.open_nav') }}">
                     <x-ui.icon name="menu" />
                 </button>
@@ -68,7 +68,7 @@
                 @endauth
             </header>
 
-            <main class="mx-auto w-full max-w-[1200px] flex-1 p-6 lg:p-8">
+            <main class="mx-auto w-full max-w-[1200px] flex-1 p-6 lg:overflow-y-auto lg:p-8">
                 {{ $slot }}
             </main>
         </div>
diff --git a/resources/views/livewire/dashboard.blade.php b/resources/views/livewire/dashboard.blade.php
index 380164b..90c4c78 100644
--- a/resources/views/livewire/dashboard.blade.php
+++ b/resources/views/livewire/dashboard.blade.php
@@ -58,13 +58,17 @@
     </div>
 
     {{-- Upsell --}}
-    <div class="flex flex-wrap items-center gap-4 rounded-xl border border-accent-border bg-accent-subtle px-5 py-4 animate-rise [animation-delay:300ms]">
-        <x-ui.icon name="alert-triangle" class="size-6 shrink-0 text-accent-active" />
-        <div class="min-w-0">
+    <div class="relative flex flex-wrap items-center gap-4 overflow-hidden rounded-xl border border-accent-border bg-accent-subtle px-5 py-4 animate-rise [animation-delay:300ms]">
+        {{-- Shimmer sweep (left → right), disabled for reduced motion --}}
+        <span aria-hidden="true" class="pointer-events-none absolute inset-0 overflow-hidden motion-reduce:hidden">
+            <span class="absolute inset-y-0 left-0 w-1/3 bg-gradient-to-r from-transparent via-surface/60 to-transparent animate-shimmer"></span>
+        </span>
+        <x-ui.icon name="alert-triangle" class="relative size-6 shrink-0 text-accent-active" />
+        <div class="relative min-w-0">
             <p class="text-sm font-semibold text-ink">{{ __('dashboard.upsell.title', ['percent' => $storagePercent]) }}</p>
             <p class="text-sm text-muted">{{ __('dashboard.upsell.body') }}</p>
         </div>
-        <x-ui.button variant="secondary" size="sm" class="ml-auto" @click="$dispatch('notify', { message: msgs.addon })">
+        <x-ui.button variant="secondary" size="sm" class="relative ml-auto" @click="$dispatch('notify', { message: msgs.addon })">
             {{ __('dashboard.upsell.cta') }}
         </x-ui.button>
     </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index 7057e3d..36aaa81 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -59,9 +59,14 @@ export default {
                     '0%': { opacity: '0', transform: 'translateY(16px)' },
                     '100%': { opacity: '1', transform: 'none' },
                 },
+                shimmer: {
+                    '0%': { transform: 'translateX(-160%) skewX(-12deg)' },
+                    '100%': { transform: 'translateX(320%) skewX(-12deg)' },
+                },
             },
             animation: {
                 rise: 'rise 0.6s cubic-bezier(.2,.7,.2,1) both',
+                shimmer: 'shimmer 3s ease-in-out infinite',
             },
         },
     },
