From 1177b64bb73051032d95edd094d2c5db21253882 Mon Sep 17 00:00:00 2001
From: Jordan Aasen <166539328+jaasen-livefront@users.noreply.github.com>
Date: Thu, 25 Sep 2025 09:15:02 -0700
Subject: [PATCH] fix css on app-root (#16588)

(cherry picked from commit 24f07dc1e1a3da8f92ce52ee91c4da5978fb9ffd)
---
 apps/browser/src/popup/scss/base.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/browser/src/popup/scss/base.scss b/apps/browser/src/popup/scss/base.scss
index df96199e1a9..b3d14e65061 100644
--- a/apps/browser/src/popup/scss/base.scss
+++ b/apps/browser/src/popup/scss/base.scss
@@ -151,6 +151,7 @@ textarea {
 
 app-root > div {
   height: 100%;
+  width: 100%;
 }
 
 main::-webkit-scrollbar,
@@ -373,7 +374,8 @@ header:not(bit-callout header, bit-dialog header, popup-page header) {
 
 app-root {
   width: 100%;
-  height: 100%;
+  height: 100vh;
+  display: flex;
 
   @include themify($themes) {
     background-color: themed("backgroundColor");