From f79014c9e679814c86fc158650360f898f324f54 Mon Sep 17 00:00:00 2001
From: Oscar Hinton <Hinton@users.noreply.github.com>
Date: Mon, 12 Sep 2022 16:32:26 +0200
Subject: [PATCH] [SM-224] Change the simple dialog width (#3475)

---
 .../src/dialog/simple-dialog/simple-dialog.component.html      | 2 +-
 libs/components/tailwind.config.base.js                        | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/libs/components/src/dialog/simple-dialog/simple-dialog.component.html b/libs/components/src/dialog/simple-dialog/simple-dialog.component.html
index 78ef971753..8ce31f89a1 100644
--- a/libs/components/src/dialog/simple-dialog/simple-dialog.component.html
+++ b/libs/components/src/dialog/simple-dialog/simple-dialog.component.html
@@ -1,5 +1,5 @@
 <div
-  class="tw-my-4 tw-flex tw-max-h-screen tw-max-w-sm tw-flex-col tw-overflow-hidden tw-rounded tw-border tw-border-solid tw-border-secondary-300 tw-bg-text-contrast tw-text-main"
+  class="tw-my-4 tw-flex tw-max-h-screen tw-w-96 tw-max-w-90vw tw-flex-col tw-overflow-hidden tw-rounded tw-border tw-border-solid tw-border-secondary-300 tw-bg-text-contrast tw-text-main"
 >
   <div class="tw-flex tw-flex-col tw-items-center tw-gap-2 tw-px-4 tw-pt-4 tw-text-center">
     <ng-content *ngIf="hasIcon; else elseBlock" select="[bit-dialog-icon]"></ng-content>
diff --git a/libs/components/tailwind.config.base.js b/libs/components/tailwind.config.base.js
index 0ebf0e309a..67eb96a6c3 100644
--- a/libs/components/tailwind.config.base.js
+++ b/libs/components/tailwind.config.base.js
@@ -78,6 +78,9 @@ module.exports = {
         "50vw": "50vw",
         "75vw": "75vw",
       },
+      maxWidth: {
+        "90vw": "90vw",
+      },
     },
   },
   plugins: [],