diff --git a/src/app/ui/Layout.svelte b/src/app/ui/Layout.svelte
index 651482f..bee32cc 100644
--- a/src/app/ui/Layout.svelte
+++ b/src/app/ui/Layout.svelte
@@ -74,7 +74,7 @@ onDestroy(() => themeManager.destroy());
     <div
         id="app-root"
         class={cn(
-            'min-h-screen w-auto flex flex-col bg-surface dark:bg-dark-bg relative',
+            'min-h-dvh w-auto flex flex-col bg-surface dark:bg-dark-bg relative',
             theme === 'dark' ? 'dark' : '',
         )}
     >
diff --git a/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.svelte b/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.svelte
index feb9f65..7e27cf3 100644
--- a/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.svelte
+++ b/src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.svelte
@@ -32,7 +32,7 @@ $effect(() => {
 
 <NavigationWrapper index={0} title="Comparison">
     {#snippet content(action)}
-        <div class="flex h-screen w-full overflow-hidden bg-surface dark:bg-background">
+        <div class="flex h-dvh w-full overflow-hidden bg-surface dark:bg-background">
             <!-- Sidebar -->
             <SidebarContainer bind:isOpen={isSidebarOpen}>
                 {#snippet sidebar()}