diff --git a/tank-frontend/src/JoinForm.css b/tank-frontend/src/JoinForm.css
index 015b34c..a4bad2b 100644
--- a/tank-frontend/src/JoinForm.css
+++ b/tank-frontend/src/JoinForm.css
@@ -5,7 +5,7 @@
 
 .JoinForm {
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     border: 2px solid rgb(76, 76, 76);
     border-radius: 4px;
 }
@@ -13,4 +13,5 @@
 .JoinElems {
     padding: 8px 8px;
     margin: 8px 8px;
+    color: rgb(255, 255, 255);
 }
\ No newline at end of file
diff --git a/tank-frontend/src/JoinForm.tsx b/tank-frontend/src/JoinForm.tsx
index 6a927c4..be88789 100644
--- a/tank-frontend/src/JoinForm.tsx
+++ b/tank-frontend/src/JoinForm.tsx
@@ -47,7 +47,7 @@ export default function JoinForm({ onDone }: { onDone: (id: string) => void }) {
         </h1>
         <p className='JoinElems' style={{ "color": "white" }}> Welcome and have fun!</p>
         <div className="JoinForm">
-            <p className='JoinElems' style={{ "color": "white" }}>
+        <p className='JoinElems' style={{ "color": "white" }}>
                 Enter your name to join the game!
             </p>
             <input className="JoinElems"