From f144daa6bda5a6d6fde3c3132d66559b997b456f Mon Sep 17 00:00:00 2001
From: JesmoDev <jjensenmoeller@gmail.com>
Date: Tue, 7 Jun 2022 13:12:39 +0200
Subject: [PATCH] installer now works on smaller screens

---
 src/Umbraco.Web.UI.Client/src/app.ts                          | 2 +-
 .../src/installer/installer-layout.element.ts                 | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/app.ts b/src/Umbraco.Web.UI.Client/src/app.ts
index 12eeac2c7b..cdead9267e 100644
--- a/src/Umbraco.Web.UI.Client/src/app.ts
+++ b/src/Umbraco.Web.UI.Client/src/app.ts
@@ -29,7 +29,7 @@ export class UmbApp extends UmbContextProviderMixin(LitElement) {
     :host,
     #outlet {
       display: block;
-      width: 100vw;
+      width: 100%;
       height: 100vh;
     }
   `;
diff --git a/src/Umbraco.Web.UI.Client/src/installer/installer-layout.element.ts b/src/Umbraco.Web.UI.Client/src/installer/installer-layout.element.ts
index a551600784..2f1f1b6ab1 100644
--- a/src/Umbraco.Web.UI.Client/src/installer/installer-layout.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/installer/installer-layout.element.ts
@@ -31,8 +31,8 @@ export class UmbInstallerLayout extends LitElement {
         position: relative;
         display: flex;
         justify-content: flex-end;
-        width: 100vw;
-        height: 100vh;
+        width: 100%;
+        min-height: 100vh;
       }
 
       #box {