diff --git a/attached_assets/image_1755030363409.png b/attached_assets/image_1755030363409.png
new file mode 100644
index 0000000..a4c87e7
Binary files /dev/null and b/attached_assets/image_1755030363409.png differ
diff --git a/client/src/components/Layout.tsx b/client/src/components/Layout.tsx
index 2b0697e..13f954c 100644
--- a/client/src/components/Layout.tsx
+++ b/client/src/components/Layout.tsx
@@ -90,7 +90,7 @@ export default function Layout({ children }: LayoutProps) {
         {/* Desktop Sidebar */}
         {!isMobile && <Sidebar />}
         
-        <main className={`flex-1 flex flex-col ${
+        <main className={`flex-1 flex flex-col min-h-0 ${
           isMobile ? 'ml-0' : sidebarCollapsed ? 'ml-16' : 'ml-64'
         }`}>
           {/* Header with store selector for admin */}
diff --git a/client/src/pages/Orders.tsx b/client/src/pages/Orders.tsx
index d336410..52664cc 100644
--- a/client/src/pages/Orders.tsx
+++ b/client/src/pages/Orders.tsx
@@ -226,8 +226,8 @@ export default function Orders() {
   const canDelete = permissions.canDelete('orders');
 
   return (
-    <div className="flex-1 overflow-y-auto">
-      <div className="p-6 space-y-6">
+    <div className="flex-1 min-h-0 flex flex-col">
+      <div className="flex-1 overflow-y-auto p-6 space-y-6">
       {/* Header */}
       <div className="bg-white border-b border-gray-200 p-6 shadow-sm -m-6 mb-6">
         <div className="flex items-center justify-between">