diff --git a/src/components/AdminShell.tsx b/src/components/AdminShell.tsx
index b680877..c153268 100644
--- a/src/components/AdminShell.tsx
+++ b/src/components/AdminShell.tsx
@@ -372,10 +372,10 @@ export default function AdminShell(props: { children: JSX.Element }) {
         when={checkedSession()}
         fallback={<div class="flex min-h-screen items-center justify-center text-[14px] text-[rgba(13,13,42,0.55)]">Checking session…</div>}
       >
-        <div class="flex h-screen overflow-hidden">
+        <div style="display:flex;height:100vh;overflow:hidden">
           <div class={`fixed inset-0 z-20 bg-black/30 transition-opacity lg:hidden ${sidebarOpen() ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'}`} onClick={() => setSidebarOpen(false)} />
 
-          <div class={`fixed inset-y-0 left-0 z-30 h-full -translate-x-full transition-transform duration-200 lg:relative lg:translate-x-0 ${sidebarOpen() ? 'translate-x-0' : ''}`}>
+          <div style="height:100%;display:flex;flex-shrink:0">
             <AdminSidebar
               collapsed={sidebarCollapsed()}
               onToggle={() => setSidebarCollapsed((v) => !v)}
diff --git a/src/components/AdminSidebar.tsx b/src/components/AdminSidebar.tsx
index d85d438..46403b3 100644
--- a/src/components/AdminSidebar.tsx
+++ b/src/components/AdminSidebar.tsx
@@ -93,7 +93,7 @@ export default function AdminSidebar(props: {
 
   return (
     <aside
-      style="overflow:hidden;display:flex;flex-direction:column;background:white;border-right:1px solid #E5E7EB;transition:width 0.3s;flex-shrink:0"
+      style="overflow:hidden;display:flex;flex-direction:column;height:100%;background:white;border-right:1px solid #E5E7EB;transition:width 0.3s;flex-shrink:0"
       style:width={props.collapsed ? '64px' : '220px'}
     >
       {/* Logo area */}