diff --git a/components/contact_form/index.html b/components/contact_form/index.html
index e4352cf..33c6a3b 100644
--- a/components/contact_form/index.html
+++ b/components/contact_form/index.html
@@ -6,8 +6,8 @@
     <title>Contact Form</title>
     <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.16/dist/tailwind.min.css" rel="stylesheet">
 </head>
-<body class="bg-gray-200">
-    <div class="container mx-auto">
+<body class="bg-gray-200 flex items-center justify-center h-screen">
+    <div class="container mx-auto ">
         <div class="max-w-md mx-auto bg-white p-5 rounded shadow-md">
             <h2 class="text-2xl font-semibold mb-5 ">Contact Form</h2>
             <form>
@@ -27,9 +27,8 @@ <h2 class="text-2xl font-semibold mb-5 ">Contact Form</h2>
                     <label for="message" class="block text-gray-700 text-sm font-bold mb-2">Message</label>
                     <textarea id="message" name="message" class="w-full py-2 px-3 border border-gray-300 rounded" rows="4" placeholder="Your message here" required></textarea>
                 </div>
-                <button type="submit" class="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 focus:outline-none focus:ring focus:border-blue-300">Submit</button>
-            </form>
+                <button type="submit" class="bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600 focus:outline-none focus:ring focus:border-blue-300 w-full sm:w-auto">Submit</button>            </form>
         </div>
     </div>
 </body>
-</html>
+</html> 
\ No newline at end of file
