diff --git a/web/apps/photos/src/pages/index.tsx b/web/apps/photos/src/pages/index.tsx
index 8573e1cdd1..ba444dcba7 100644
--- a/web/apps/photos/src/pages/index.tsx
+++ b/web/apps/photos/src/pages/index.tsx
@@ -144,11 +144,13 @@ export default function LandingPage() {
                     </MobileBox>
                     <DesktopBox>
                         <SideBox>
-                            {showLogin ? (
-                                <Login {...{ signUp, host }} />
-                            ) : (
-                                <SignUp {...{ router, login, host }} />
-                            )}
+                            <Box sx={{ maxWidth: "320px" }}>
+                                {showLogin ? (
+                                    <Login {...{ signUp, host }} />
+                                ) : (
+                                    <SignUp {...{ router, login, host }} />
+                                )}
+                            </Box>
                         </SideBox>
                     </DesktopBox>
                 </>