Adjust spacing for sign in/sign up text

Author: usradam

src/pages/SignIn.tsx

@@ -110,7 +110,7 @@ const SignIn = () => {
             >
               Email address
             </label>
-            <div className="mt-2">
+            <div>
               <input
                 id="email"
                 type="email"
@@ -124,7 +124,7 @@ const SignIn = () => {
           </div>
 
           <div>
-            <div className="flex items-center justify-between">
+            <div className="flex justify-between">
               <label
                 htmlFor="password"
                 className="block text-sm/6 font-medium text-gray-900"
@@ -148,7 +148,7 @@ const SignIn = () => {
                 </a>
               </div>
             </div>
-            <div className="mt-2">
+            <div>
               <input
                 id="password"
                 type="password"

src/pages/SignUp.css

@@ -25,6 +25,15 @@
   background-color: #FAFBFC;
 }
 
+.signup-root select {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-position: right 0.25rem center;
+  background-repeat: no-repeat;
+  background-size: 1.5em 1.5em;
+  padding-right: 2.5rem;
+  appearance: none;
+}
+
 .signup-card {
   background: white;
   border-radius: 1rem;

src/pages/SignUp.tsx

@@ -93,7 +93,7 @@ const SignUp = () => {
             >
               Email address (required)
             </label>
-            <div className="mt-2">
+            <div>
               <input
                 id="email"
                 type="email"
@@ -117,7 +117,7 @@ const SignUp = () => {
                 Password (required)
               </label>
             </div>
-            <div className="mt-2">
+            <div>
               <input
                 id="password"
                 type="password"
@@ -139,7 +139,7 @@ const SignUp = () => {
             >
               Select Your Role
             </label>
-            <div className="mt-2">
+            <div>
               <select
                 id="role"
                 name="role"