diff --git a/apps/frontend-react/src/layouts/AdminLayout.tsx b/apps/frontend-react/src/layouts/AdminLayout.tsx
index 14dd5194..3c91d3df 100644
--- a/apps/frontend-react/src/layouts/AdminLayout.tsx
+++ b/apps/frontend-react/src/layouts/AdminLayout.tsx
@@ -194,7 +194,7 @@ export default function AdminLayout() {
           </div>
         </div>
       </Layout.Sider>
-      <Layout>
+      <Layout className="admin-main-shell">
         <Layout.Header className="admin-topbar">
           <Space className="admin-user" size={12}>
             <Dropdown
diff --git a/apps/frontend-react/src/styles/main.css b/apps/frontend-react/src/styles/main.css
index 26a9deef..7e31be8e 100644
--- a/apps/frontend-react/src/styles/main.css
+++ b/apps/frontend-react/src/styles/main.css
@@ -55,15 +55,25 @@ select {
 }
 
 .admin-shell {
+  height: 100vh;
   min-height: 100vh;
+  overflow: hidden;
 }
 
 .admin-sider {
+  height: 100vh;
+  overflow: hidden;
   border-right: 1px solid #edf0f5;
   box-shadow: 4px 0 18px rgba(15, 23, 42, 0.04);
   z-index: 2;
 }
 
+.admin-main-shell {
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+}
+
 .admin-sider .ant-layout-sider-children {
   height: 100%;
 }
@@ -178,6 +188,7 @@ select {
 }
 
 .admin-topbar {
+  flex: 0 0 64px;
   height: 64px;
   display: flex;
   align-items: center;
@@ -197,6 +208,9 @@ select {
 }
 
 .admin-content {
+  height: calc(100vh - 64px);
+  min-height: 0;
+  overflow: auto;
   padding: 20px;
 }