diff --git a/src/screens/login/LoginShell.tsx b/src/screens/login/LoginShell.tsx
index 1e02223d..46beeb61 100644
--- a/src/screens/login/LoginShell.tsx
+++ b/src/screens/login/LoginShell.tsx
@@ -110,7 +110,11 @@ function makeStyles(c: ThemePalette) {
       height: componentSizes.headerHeight,
     },
     headerButton: { width: 32, height: 32, alignItems: 'center', justifyContent: 'center' },
+    // One readable column, centred on a tablet or a phone in landscape.
     content: {
+      width: '100%',
+      maxWidth: 480 + spacing.lg * 2,
+      alignSelf: 'center',
       paddingHorizontal: spacing.lg,
       paddingBottom: spacing.xxxl,
     },