diff --git a/src/App.tsx b/src/App.tsx
index e82e19d..180bb80 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -296,7 +296,7 @@ const Overlay = styled.div`
     z-index: 9;
     overflow: auto;
 
-    height: 100dvh;
+    height: 100svh;
     height: -webkit-fill-available;
 
     div {
@@ -354,7 +354,7 @@ const Container = styled.main<{$fullHeight: boolean}>`
         h1 {
             padding-top: 10px;
         }
-        height: ${({ $fullHeight }) => $fullHeight ? 'auto' : '100dvh'};
+        height: ${({ $fullHeight }) => $fullHeight ? 'auto' : '100svh'};
         border-radius:  ${({ $fullHeight }) => $fullHeight ? '0 0 8px 8px' : '0'};
     `)}
 `;
diff --git a/src/styles/GlobalStyle.ts b/src/styles/GlobalStyle.ts
index 7abb827..7a6b70d 100644
--- a/src/styles/GlobalStyle.ts
+++ b/src/styles/GlobalStyle.ts
@@ -17,11 +17,11 @@ export const GlobalStyle = createGlobalStyle`
 
     html {
         overflow: hidden;
-        height: 100dvh;
+        height: 100svh;
     }
 
     body {
-            height: 100dvh;
+            height: 100svh;
         background-color: ${({ theme }) => theme.colors.pageBg};
         background-image: url('/images/background-raspberry.png');
         background-repeat: no-repeat;