diff --git a/views/jobpost.ejs b/views/jobpost.ejs
index 0598d35..09eac95 100644
--- a/views/jobpost.ejs
+++ b/views/jobpost.ejs
@@ -4,10 +4,21 @@
     <meta charset="UTF-8">
     <title>Apply for Job</title>
     <link rel="stylesheet" href="styles.css"> <!-- Adjust the path as necessary -->
+    <style>
+        .header {
+            text-align: center;
+            background-color: #f2f2f2;
+            padding: 10px;
+            margin-bottom: 20px;
+        }
+    </style>
 </head>
 <body>
-    <form id="applyJobForm" method="POST" action="/jobpost" >
-        
+    <div class="header">
+        <h1>Enter the Job Details</h1>
+    </div>
+
+    <form id="applyJobForm" method="POST" action="/jobpost" style="max-width: 500px; margin: 0 auto;">
         <label for="companyName">Company Name:</label>
         <input type="text" id="companyName" name="companyName" required placeholder="e.g., Acme Corp">
 
@@ -34,7 +45,7 @@
 
         <input type="hidden" id="jobId" name="jobId">
 
-        <button type="submit">Apply</button>
+        <button type="submit" style="display: block; margin: 10px auto;">Apply</button>
     </form>
 
     <script src="/js/interactivity.js"></script> <!-- Adjust the path as necessary -->
@@ -44,4 +55,4 @@
         const jobId = params.get('jobId');
         document.getElementById('jobId').value = jobId;
     </script>
-</body>
+</body>
\ No newline at end of file
