From 35057e0406446f8192a9bff8af9d27796dc6dd63 Mon Sep 17 00:00:00 2001
From: isaul19 <saulhola348@gmail.com>
Date: Mon, 4 Dec 2023 10:30:47 -0500
Subject: [PATCH] fix contact styles in mobile view

---
 app/customcontact.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/app/customcontact.tsx b/app/customcontact.tsx
index 53033a1..c562591 100644
--- a/app/customcontact.tsx
+++ b/app/customcontact.tsx
@@ -28,14 +28,16 @@ export default function CustomContact(){
     {showModal ? (
       <Modal>
         <AmplifyUITheme>
-          <ContactFormCreateForm 
-            onSuccess={() => setShowModal(false)}
-            onCancel={() => setShowModal(false)}
-            backgroundColor="neutral.40"
-            color="secondary.60"
-            borderRadius="6px"
-            width="30rem"
-          />
+           <div className="max-w-[95%] sm:w-[30rem] mx-auto">
+              <ContactFormCreateForm
+                onSuccess={() => setShowModal(false)}
+                onCancel={() => setShowModal(false)}
+                backgroundColor="neutral.40"
+                color="secondary.60"
+                borderRadius="6px"
+                width="100%"
+              />
+            </div>
         </AmplifyUITheme>
       </Modal>
       ): null}