diff --git a/src/app/[locale]/PageComponent.tsx b/src/app/[locale]/PageComponent.tsx
index 8ab2bbc..627a3d4 100644
--- a/src/app/[locale]/PageComponent.tsx
+++ b/src/app/[locale]/PageComponent.tsx
@@ -244,12 +244,12 @@ const PageComponent = ({
               </div>
             </div>
 
-            <div className={"max-w-7xl px-9 mx-auto"}>
+            <div className={"w-[100%] mx-auto"}>
               <div
-                className={"mx-auto rounded-tl-[30px] rounded-tr-[30px] border-[12px] border-[#ffffff1f] object-fill"}>
+                className={"mx-auto rounded-tl-[20px] md:rounded-tl-[30px] rounded-tr-[20px] md:rounded-tr-[30px] border-[6px] md:border-[12px] border-[#ffffff1f] object-fill"}>
                 <form onSubmit={handleSubmit} className="relative shadow-lg">
                   <div
-                    className="overflow-hidden rounded-tl-[20px] rounded-tr-[20px]">
+                    className="overflow-hidden rounded-tl-[14px] md:rounded-tl-[20px] rounded-tr-[14px] md:rounded-tr-[20px]">
                     <textarea
                       rows={5}
                       name="description"