diff --git a/register.css b/register.css
index 11e6799..f05b79e 100644
--- a/register.css
+++ b/register.css
@@ -68,9 +68,9 @@ background-color: var(--body-bg);
 }
 
 .theme-converter{
-margin-left: 83%;
-margin-top: -2%;
-margin-bottom: 1%;
+margin-left: 87%;
+margin-top: 0%;
+margin-bottom: 0%;
 background-color: var(--body-bg);
 color: var(--body-bg) ;
 }
@@ -126,8 +126,9 @@ animation: slideInRight 1s ease-in-out;
 }
 
 .right-section h1 {
+margin-top: 28px;
 font-size: 28px;
-margin-bottom: 10px;
+margin-bottom: 3px;
 color: var(--section-color);
 }
 
@@ -135,11 +136,11 @@ color: var(--section-color);
 font-size: 16px;
 color: var(--subtitle-color);
 /* color: #666; */
-margin-bottom: 20px;
+margin-bottom: 3px;
 }
 
 .signup-form .input-group {
-margin-bottom: 20px;
+margin-bottom: 11px;
 }
 
 .signup-form .input-group label {
@@ -152,7 +153,7 @@ color: var(--label-color);
 
 .signup-form .input-group input {
 width: 100%;
-padding: 12px;
+padding: 10px;
 border: 1px solid #ddd;
 border-radius: 8px;
 transition: all 0.3s;
@@ -187,6 +188,9 @@ text-align: center;
 color: var(--login-link-color);
 }
 
+.social-login {
+  margin-top: 5px;
+}
 .login-link a {
 color: #ff5733;
 text-decoration: none;
diff --git a/register.html b/register.html
index 3a0068a..9653996 100644
--- a/register.html
+++ b/register.html
@@ -118,14 +118,14 @@ <h2>Ajivika</h2>
     <div class="right-section">
       <h1>Create an Account</h1>
       <p class="subtitle">Sign up to explore more!</p>
-      <form id="signup-form" class="signup-form">
+      <form id="signupForm" method="post" action="/signup" class="signup-form">
         <div id="errorelem" class="error-message"></div>
         <div class="input-group">
           <label for="email">
             <i class="fas fa-envelope"></i>
             Email
           </label>
-          <input type="email" id="email" placeholder="Enter your email" required>
+          <input type="email" id="email" name="email" placeholder="Enter your email" required>
           <div id="errorelemEmail" class="error-message"></div>
         </div>
         <div class="input-group">
@@ -133,7 +133,7 @@ <h1>Create an Account</h1>
             <i class="fas fa-user"></i>
             Username
           </label>
-          <input type="text" id="username" placeholder="Choose a username" required>
+          <input type="text" id="username" name="username" placeholder="Choose a username" required>
           <div id="errorelemUsername" class="error-message"></div>
         </div>
         <div class="input-group">
@@ -141,9 +141,17 @@ <h1>Create an Account</h1>
             <i class="fas fa-lock"></i>
             Password
           </label>
-          <input type="password" id="password" placeholder="Enter your password" required>
+          <input type="password" id="password" name="password" placeholder="Enter your password" required>
           <div id="errorelemPass" class="error-message"></div>
         </div>
+        <div class="input-group">
+          <label for="confirmPassword">
+            <i class="fas fa-lock"></i>
+            Confirm Password
+          </label>
+          <input type="password" id="confirmPassword" name="confirmPassword" placeholder="Confirm your password" required>
+          <div id="errorelemConfirmPass" class="error-message"></div>
+        </div>
         <button type="submit" class="signup-btn">Sign Up</button>
         <p class="login-link">
           Already have an account? <a href="login.html" id="login-link">Log in here</a>