From 7b4afb86ba21cb963bbd43085df28c8d2e0df4bf Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Wed, 21 Jun 2023 16:06:45 -0500
Subject: [PATCH] refactor: callback modal width

---
 components/UserProfile/CallbackFeedback.vue | 4 ++--
 tailwind.config.ts                          | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/UserProfile/CallbackFeedback.vue b/components/UserProfile/CallbackFeedback.vue
index 8824fae90..9e22ba339 100644
--- a/components/UserProfile/CallbackFeedback.vue
+++ b/components/UserProfile/CallbackFeedback.vue
@@ -42,9 +42,9 @@ const { text, copy, copied, isSupported } = useClipboard({ source: keyUrl.value
 <template>
   <Modal
     :open="open"
-    max-width="max-w-800px"
+    max-width="max-w-640px"
   >
-    <div class="text-16px text-center relative w-full flex flex-col gap-y-16px py-16px">
+    <div class="text-16px text-center relative w-full flex flex-col gap-y-16px">
       <header>
         <h1 class="text-24px font-semibold">{{ heading }}</h1>
         <p v-if="subheading" class="text-16px opacity-80">{{ subheading }}</p>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index ee7b9c74c..6c099e50f 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -88,6 +88,7 @@ export default <Partial<Config>>{
         '300px': '300px',
         '310px': '310px',
         '350px': '350px',
+        '640px': '640px',
         '800px': '800px',
       },
     }