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}