diff --git a/consumerWebsite/public/css/sp.css b/consumerWebsite/public/css/sp.css
index 2cc21bb..57fc7ed 100644
--- a/consumerWebsite/public/css/sp.css
+++ b/consumerWebsite/public/css/sp.css
@@ -45,7 +45,7 @@ body {
     100% +
       220px
   );
-  padding: 20px
+  padding: 35px
     140px;
   border-radius: 50%;
   height: 100%;
@@ -56,7 +56,7 @@ body {
 }
 .wrapper.active
   .form.login {
-  bottom: -12%;
+  bottom: -10%;
   border-radius: 35%;
   box-shadow: 0 -5px
     10px rgba(0, 0, 0, 0.1);
@@ -88,8 +88,8 @@ body {
   form {
   display: flex;
   flex-direction: column;
-  gap: 20px;
-  margin-top: 40px;
+  gap: 15px;
+  margin-top: 50px;
 }
 form
   input {
diff --git a/consumerWebsite/public/signuplogin.html b/consumerWebsite/public/signuplogin.html
index 75ad2c4..cc764c6 100644
--- a/consumerWebsite/public/signuplogin.html
+++ b/consumerWebsite/public/signuplogin.html
@@ -16,6 +16,8 @@
             <form action="routes/user.js/register" method="get">
                 <input type="text" id="username" placeholder="Username" required />
                 <input type="text" id="email" placeholder="Email" required />
+                <input type="text" id="address" placeholder="Address" required />
+                <input type="text" id="phone" placeholder="Phone Number" required />
                 <input type="password" id="password" placeholder="Password" required />
                 <input type="password" id="confirmPassword" placeholder="Confirm Password" required />
                 <div class="checkbox">