diff --git a/code/ui/manager/src/components/layout/Layout.tsx b/code/ui/manager/src/components/layout/Layout.tsx
index 03b94a616863..01120b8847f8 100644
--- a/code/ui/manager/src/components/layout/Layout.tsx
+++ b/code/ui/manager/src/components/layout/Layout.tsx
@@ -173,7 +173,7 @@ const LayoutContainer = styled.div<LayoutState>(
   ({ navSize, rightPanelWidth, bottomPanelHeight, viewMode, panelPosition }) => {
     return {
       width: '100%',
-      height: '100svh', // We are using svh to use the minimum space on mobile
+      height: ['100vh', '100dvh'], // This array is a special Emotion syntax to set a fallback if 100dvh is not supported
       overflow: 'hidden',
       display: 'flex',
       flexDirection: 'column',