diff --git a/web/app/login/page.tsx b/web/app/login/page.tsx
index 3b49df2..7f4742c 100644
--- a/web/app/login/page.tsx
+++ b/web/app/login/page.tsx
@@ -81,7 +81,7 @@ export default function LoginPage() {
     const showDivider = showLocal && providers.length > 0;
 
     return (
-        <div className="relative flex min-h-screen items-center justify-center p-4">
+        <div className="relative flex min-h-[100dvh] items-center justify-center p-4">
             <NetworkBackground />
             <div className="relative w-full max-w-sm">
                 <div className="mb-8 flex flex-col items-center gap-3">
diff --git a/web/app/setup/page.tsx b/web/app/setup/page.tsx
index 20f5cc4..c6824a8 100644
--- a/web/app/setup/page.tsx
+++ b/web/app/setup/page.tsx
@@ -80,7 +80,7 @@ export default function SetupPage() {
 
     if (created) {
         return (
-            <div className="flex min-h-screen items-center justify-center bg-background p-4">
+            <div className="flex min-h-[100dvh] items-center justify-center bg-background p-4">
                 <div className="w-full max-w-md">
                     <div className="mb-8 text-center">
                         <h1 className="text-xl font-extrabold tracking-[-0.03em] text-text-primary">Instance created</h1>
@@ -116,7 +116,7 @@ export default function SetupPage() {
     }
 
     return (
-        <div className="flex min-h-screen items-center justify-center bg-background p-4">
+        <div className="flex min-h-[100dvh] items-center justify-center bg-background p-4">
             <div className="w-full max-w-md">
                 <div className="mb-8 text-center">
                     <h1 className="text-xl font-extrabold tracking-[-0.03em] text-text-primary">Welcome to Vantage</h1>
diff --git a/web/components/AppShell.tsx b/web/components/AppShell.tsx
index 5eaac67..72d742c 100644
--- a/web/components/AppShell.tsx
+++ b/web/components/AppShell.tsx
@@ -37,7 +37,7 @@ export function AppShell({ children }: { children: React.ReactNode }) {
     }
 
     return (
-        <div className="flex h-screen overflow-hidden">
+        <div className="flex h-[100dvh] overflow-hidden">
             <Sidebar />
             <SidebarDrawer open={open} onClose={close} />
 
diff --git a/web/components/AuthProvider.tsx b/web/components/AuthProvider.tsx
index 4511e5f..b2ad752 100644
--- a/web/components/AuthProvider.tsx
+++ b/web/components/AuthProvider.tsx
@@ -64,7 +64,7 @@ export function AuthProvider({ children }: { children: ReactNode }) {
 
     if (loading) {
         return (
-            <div className="flex h-screen items-center justify-center bg-background">
+            <div className="flex h-[100dvh] items-center justify-center bg-background">
                 <div className="h-8 w-8 animate-spin rounded-full border-2 border-border border-t-accent" />
             </div>
         );
@@ -72,7 +72,7 @@ export function AuthProvider({ children }: { children: ReactNode }) {
 
     if (error || !user) {
         return (
-            <div className="flex h-screen items-center justify-center bg-background p-4">
+            <div className="flex h-[100dvh] items-center justify-center bg-background p-4">
                 <div className="w-full max-w-md rounded-xl border border-border bg-surface p-6 text-center">
                     <h1 className="text-base font-semibold text-text-primary">Can&apos;t load your session</h1>
                     <p className="mt-2 text-sm text-text-secondary">{error ?? "Unable to load your session."}</p>
diff --git a/web/components/Sidebar.tsx b/web/components/Sidebar.tsx
index 88db2c7..af7cae3 100644
--- a/web/components/Sidebar.tsx
+++ b/web/components/Sidebar.tsx
@@ -316,7 +316,7 @@ export function SidebarContent({ onNavigate }: { onNavigate?: () => void }) {
 /** The permanent sidebar. Below lg the drawer takes over. */
 export function Sidebar() {
     return (
-        <aside className="hidden h-screen w-60 shrink-0 flex-col border-r border-border bg-surface lg:flex">
+        <aside className="hidden h-full w-60 shrink-0 flex-col border-r border-border bg-surface lg:flex">
             <SidebarContent />
         </aside>
     );