diff --git a/frontend/src/Components/LoginField.tsx b/frontend/src/Components/LoginField.tsx
index d7768c0..dda1714 100644
--- a/frontend/src/Components/LoginField.tsx
+++ b/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
-        type="text"
-        label="Username"
-        onChange={(e) => {
-          props.setUsername(e.target.value);
-        }}
-        value={props.username}
-      />
-      <InputField
-        type="password"
-        label="Password"
-        onChange={(e) => {
-          props.setPassword(e.target.value);
-        }}
-        value={props.password}
-      />
+      <div className="space-y-3">
+        <InputField
+          type="text"
+          label="Username"
+          onChange={(e) => {
+            props.setUsername(e.target.value);
+          }}
+          value={props.username}
+        />
+        <InputField
+          type="password"
+          label="Password"
+          onChange={(e) => {
+            props.setPassword(e.target.value);
+          }}
+          value={props.password}
+        />
+      </div>
       <Button
         text="Login"
         onClick={(): void => {