diff --git a/src/app/_components/contact/page.tsx b/src/app/_components/contact/page.tsx
index 5dfa8d0..e4b2b86 100644
--- a/src/app/_components/contact/page.tsx
+++ b/src/app/_components/contact/page.tsx
@@ -2,25 +2,28 @@ import React from "react";
 
 export default function Contact() {
   return (
-    <div className="mt-10 flex max-w-[930px] flex-col gap-[30px]" id="contact">
-      <h2 className="text-center text-[65px] font-[600] text-[#000]">
+    <div
+      className="mt-10 flex w-full max-w-[80%] flex-col gap-[30px]"
+      id="contact"
+    >
+      <h2 className="text-center text-[35px] font-[800] text-[#000]">
         Lets Design Together
       </h2>
-      <p className="text-center text-[21px] font-[600] text-[#000]">
+      <p className="text-center text-[18px] font-[600] text-[#000]">
         Lorem ipsum dolor sit amet consectetur. Tristique amet sed massa nibh
         lectus netus in. Aliquet donec morbi convallis pretium
       </p>
-      <div className="flex items-center justify-center gap-[25px]">
+      <div className="flex w-full flex-wrap items-center justify-center gap-[25px]">
         <input
           type="text"
-          className="min-w-[400px] rounded-lg border border-[#AFAFAF] bg-[#F8F8F8] p-[22px] text-[21px] font-[400] text-[#797979]"
+          className="min-w-[400px] rounded-lg border border-[#AFAFAF] bg-[#F8F8F8] p-[22px] text-[18px] font-[400] text-[#797979]"
           placeholder="Enter your Email address here..."
           name="email"
           id="email"
         />
         <button
           type="button"
-          className="rounded-lg bg-[#FD6F00] px-[35px] py-[20px] text-[24px] font-[600] text-[#fff]"
+          className="whitespace-nowrap rounded-lg bg-[#FD6F00] px-[35px] py-[20px] text-[20px] font-[600] text-[#fff]"
         >
           Contact Me
         </button>