From e10af1ff8690a833e8a523c28597e079d112426b Mon Sep 17 00:00:00 2001
From: William Martin <contact@willmartian.com>
Date: Thu, 24 Apr 2025 12:07:02 -0400
Subject: [PATCH] fix responsive width

---
 libs/components/src/dialog/dialog/dialog.component.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/libs/components/src/dialog/dialog/dialog.component.ts b/libs/components/src/dialog/dialog/dialog.component.ts
index c17d9a19f7a..7a0f3d5ec93 100644
--- a/libs/components/src/dialog/dialog/dialog.component.ts
+++ b/libs/components/src/dialog/dialog/dialog.component.ts
@@ -77,11 +77,11 @@ export class DialogComponent {
 
   @HostBinding("class") get classes() {
     // `tw-max-h-[90vh]` is needed to prevent dialogs from overlapping the desktop header
-    return ["tw-flex", "tw-flex-col"]
+    return ["tw-flex", "tw-flex-col", "tw-w-screen"]
       .concat(
         this.width,
         this.dialogRef?.isDrawer
-          ? ["tw-min-h-screen"]
+          ? ["tw-min-h-screen", "md:tw-w-[23rem]"]
           : ["tw-p-4", "tw-w-screen", "tw-max-h-[90vh]"],
       )
       .flat();