diff --git a/src/app.html b/src/app.html
index 1800846..5ec536c 100644
--- a/src/app.html
+++ b/src/app.html
@@ -11,7 +11,7 @@
 	</head>
 	<body
 		data-sveltekit-preload-data="hover"
-		class="relative h-screen max-w-[100vw] touch-pan-x touch-pan-y select-none overflow-hidden bg-sb-secondary text-sf-primary"
+		class="relative h-[100dvh] max-w-[100vw] touch-pan-x touch-pan-y select-none overflow-hidden bg-sb-secondary text-sf-primary"
 	>
 		<div style="display: contents">%sveltekit.body%</div>
 	</body>
diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index 9769f14..c9473d9 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -22,7 +22,7 @@
 	data-weblah-main-visible={mainVisible ? 'true' : undefined}
 >
 	<aside
-		class="relative h-screen min-h-0 overflow-hidden border-ss-primary bg-sb-primary shadow-lg [view-transition-name:chat-list] after:pointer-events-none after:absolute after:inset-0 after:size-full after:bg-transparent group-data-[weblah-main-visible]:after:bg-black/30 sm:w-1/3 sm:border-e sm:after:hidden lg:w-1/4"
+		class="relative h-[100dvh] min-h-0 overflow-hidden border-ss-primary bg-sb-primary shadow-lg [view-transition-name:chat-list] after:pointer-events-none after:absolute after:inset-0 after:size-full after:bg-transparent group-data-[weblah-main-visible]:after:bg-black/30 sm:w-1/3 sm:border-e sm:after:hidden lg:w-1/4"
 	>
 		<ChatList />
 	</aside>
diff --git a/src/routes/(app)/ChatList.svelte b/src/routes/(app)/ChatList.svelte
index 0566554..3d52eeb 100644
--- a/src/routes/(app)/ChatList.svelte
+++ b/src/routes/(app)/ChatList.svelte
@@ -3,7 +3,7 @@
 	import ChatListItem from './ChatListItem.svelte';
 </script>
 
-<div class="flex h-screen flex-col justify-stretch">
+<div class="flex h-[100dvh] flex-col justify-stretch">
 	<ChatListHeader />
 	<div class="min-h-0 flex-1 touch-pan-y overflow-y-auto">
 		<ul>
