From 583ff0b634dddb4fcbf665f6094942e5bba8ede3 Mon Sep 17 00:00:00 2001
From: rr-bw <102181210+rr-bw@users.noreply.github.com>
Date: Thu, 18 Sep 2025 17:28:16 -0700
Subject: [PATCH] fix(toast-ui): [PM-25656 / PM-3387] UI Fix - Toasts should
 appear above Dialogs on small screens (#16292)

On the Browser Extension, Toast notifications were appearing behind open Dialog components, making the toast unreadable to users. This PR removes `position: absolute;` and `z-index: 980;` from the Extension's `app-root`. This makes Toasts part of the same stacking context as Dialogs, and thus allows Toasts to always appear above Dialogs.
---
 apps/browser/src/popup/scss/base.scss | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/apps/browser/src/popup/scss/base.scss b/apps/browser/src/popup/scss/base.scss
index 0565de1712c..df96199e1a9 100644
--- a/apps/browser/src/popup/scss/base.scss
+++ b/apps/browser/src/popup/scss/base.scss
@@ -372,10 +372,9 @@ header:not(bit-callout header, bit-dialog header, popup-page header) {
 }
 
 app-root {
-  position: absolute;
   width: 100%;
   height: 100%;
-  z-index: 980;
+
   @include themify($themes) {
     background-color: themed("backgroundColor");
   }