diff --git a/site/src/components/SignInLayout/SignInLayout.tsx b/site/src/components/SignInLayout/SignInLayout.tsx
index 6a0d4f5865..c557fd3b4c 100644
--- a/site/src/components/SignInLayout/SignInLayout.tsx
+++ b/site/src/components/SignInLayout/SignInLayout.tsx
@@ -17,7 +17,8 @@ export const SignInLayout: FC<PropsWithChildren> = ({ children }) => {
 const styles = {
 	container: {
 		flex: 1,
-		height: "-webkit-fill-available",
+		// Fallback to 100vh
+		height: ["100vh", "-webkit-fill-available"],
 		display: "flex",
 		justifyContent: "center",
 		alignItems: "center",
diff --git a/site/src/pages/CliInstallPage/CliInstallPageView.tsx b/site/src/pages/CliInstallPage/CliInstallPageView.tsx
index 9356cee615..db77abcb28 100644
--- a/site/src/pages/CliInstallPage/CliInstallPageView.tsx
+++ b/site/src/pages/CliInstallPage/CliInstallPageView.tsx
@@ -39,7 +39,8 @@ export const CliInstallPageView: FC<CliInstallPageViewProps> = ({ origin }) => {
 const styles = {
 	container: {
 		flex: 1,
-		height: "-webkit-fill-available",
+		// Fallback to 100vh
+		height: ["100vh", "-webkit-fill-available"],
 		display: "flex",
 		flexDirection: "column",
 		justifyContent: "center",