[SM-224] Change the simple dialog width (#3475)

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>

libs/components/tailwind.config.base.js

@@ -78,6 +78,9 @@ module.exports = {
         "50vw": "50vw",
         "75vw": "75vw",
       },
+      maxWidth: {
+        "90vw": "90vw",
+      },
     },
   },
   plugins: [],