From add520aee56a7863a5632259aa650a64466a3a35 Mon Sep 17 00:00:00 2001
From: Victoria League <vleague@bitwarden.com>
Date: Wed, 25 Sep 2024 16:49:35 -0400
Subject: [PATCH] [CL-455] Do not use responsive margin for sections in dialogs
 or extension (#11243)

---
 apps/browser/src/platform/popup/layout/popup-layout.stories.ts | 2 +-
 libs/components/src/section/section.component.ts               | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/browser/src/platform/popup/layout/popup-layout.stories.ts b/apps/browser/src/platform/popup/layout/popup-layout.stories.ts
index affa804cc79..f0d92c6f682 100644
--- a/apps/browser/src/platform/popup/layout/popup-layout.stories.ts
+++ b/apps/browser/src/platform/popup/layout/popup-layout.stories.ts
@@ -37,7 +37,7 @@ class ExtensionContainerComponent {}
 @Component({
   selector: "vault-placeholder",
   template: `
-    <bit-section disableMargin>
+    <bit-section>
       <bit-item-group aria-label="Mock Vault Items">
         <bit-item *ngFor="let item of data; index as i">
           <button bit-item-content>
diff --git a/libs/components/src/section/section.component.ts b/libs/components/src/section/section.component.ts
index cd1b55b7c0f..2b52c97bba2 100644
--- a/libs/components/src/section/section.component.ts
+++ b/libs/components/src/section/section.component.ts
@@ -9,7 +9,7 @@ import { Component, Input } from "@angular/core";
   template: `
     <section
       [ngClass]="{
-        'tw-mb-6 md:tw-mb-12': !disableMargin,
+        'tw-mb-6 [&:not(bit-dialog_*):not(popup-page_*)]:md:tw-mb-12': !disableMargin,
       }"
     >
       <ng-content></ng-content>