diff --git a/web/apps/photos/src/components/FullScreenDropZone.tsx b/web/apps/photos/src/components/FullScreenDropZone.tsx
index 9de95d8f5c..d02b0da2bc 100644
--- a/web/apps/photos/src/components/FullScreenDropZone.tsx
+++ b/web/apps/photos/src/components/FullScreenDropZone.tsx
@@ -14,6 +14,7 @@ const DropDiv = styled("div")`
     flex: 1;
     display: flex;
     flex-direction: column;
+    height: 100%;
 `;
 const Overlay = styled("div")`
     border-width: 8px;
diff --git a/web/apps/photos/src/styles/global.css b/web/apps/photos/src/styles/global.css
index e60b1944f4..7a06257c3c 100644
--- a/web/apps/photos/src/styles/global.css
+++ b/web/apps/photos/src/styles/global.css
@@ -49,6 +49,7 @@ body {
     flex: 1;
     display: flex;
     flex-direction: column;
+    height: 100%;
 }
 
 .pswp__button--custom {
diff --git a/web/packages/new/photos/components/gallery/index.tsx b/web/packages/new/photos/components/gallery/index.tsx
index 37b31a3b54..db1afadf39 100644
--- a/web/packages/new/photos/components/gallery/index.tsx
+++ b/web/packages/new/photos/components/gallery/index.tsx
@@ -94,7 +94,7 @@ export const PeopleEmptyStateDisabled: React.FC = () => {
     });
 
     return (
-        <Stack sx={{ alignItems: "center" }}>
+        <Stack sx={{ alignItems: "center", flex: 1, overflow: "auto" }}>
             <Paper sx={{ maxWidth: "390px", padding: "4px", mb: "2rem" }}>
                 {!showConsent ? (
                     <EnableML onEnable={() => setShowConsent(true)} />