From 347d6fc718cffab9050ebff4f677f1f848dd87c6 Mon Sep 17 00:00:00 2001
From: Victoria League <vleague@bitwarden.com>
Date: Tue, 26 Nov 2024 14:15:46 -0500
Subject: [PATCH] [PM-15021] Improve in-tab experience for extension (#12155)

---
 apps/browser/src/platform/popup/layout/popup-width.service.ts | 2 +-
 apps/browser/src/popup/scss/base.scss                         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/browser/src/platform/popup/layout/popup-width.service.ts b/apps/browser/src/platform/popup/layout/popup-width.service.ts
index cc41b1d9d4..d8706dbcbc 100644
--- a/apps/browser/src/platform/popup/layout/popup-width.service.ts
+++ b/apps/browser/src/platform/popup/layout/popup-width.service.ts
@@ -50,7 +50,7 @@ export class PopupWidthService {
 
   private static setStyle(width: PopupWidthOption) {
     const pxWidth = PopupWidthOptions[width] ?? PopupWidthOptions.default;
-    document.body.style.width = `${pxWidth}px`;
+    document.body.style.minWidth = `${pxWidth}px`;
   }
 
   /**
diff --git a/apps/browser/src/popup/scss/base.scss b/apps/browser/src/popup/scss/base.scss
index 9412b911ee..49847dd777 100644
--- a/apps/browser/src/popup/scss/base.scss
+++ b/apps/browser/src/popup/scss/base.scss
@@ -19,7 +19,7 @@ body {
 }
 
 body {
-  min-width: 380px !important;
+  min-width: 380px;
   height: 600px !important;
   position: relative;
   min-height: 100vh;