Minor design fix

frontend/src/Components/LoginField.tsx

@@ -25,22 +25,24 @@ function Login(props: {
 }): JSX.Element {
   return (
     <form className="flex flex-col items-center" onSubmit={props.handleSubmit}>
-      <InputField
+      <div className="space-y-3">
-        type="text"
+        <InputField
-        label="Username"
+          type="text"
-        onChange={(e) => {
+          label="Username"
-          props.setUsername(e.target.value);
+          onChange={(e) => {
-        }}
+            props.setUsername(e.target.value);
-        value={props.username}
+          }}
-      />
+          value={props.username}
-      <InputField
+        />
-        type="password"
+        <InputField
-        label="Password"
+          type="password"
-        onChange={(e) => {
+          label="Password"
-          props.setPassword(e.target.value);
+          onChange={(e) => {
-        }}
+            props.setPassword(e.target.value);
-        value={props.password}
+          }}
-      />
+          value={props.password}
+        />
+      </div>
       <Button
         text="Login"
         onClick={(): void => {