Fixed create form jumping on data load

client/src/components/screens/HomePage/HomePage.jsx

@@ -22,7 +22,7 @@ export default () => {
 
   return (
     <div className={styles.page}>
-      <GameCreationForm afterCreate={(gameId) => dispatch.goToLobby(gameId)} />
+      <div className={styles.form}><GameCreationForm afterCreate={(gameId) => dispatch.goToLobby(gameId)} /></div>
       {hasSavedInfo && <Rejoin />}
     </div>
   );

client/src/components/screens/HomePage/HomePage.module.css

@@ -3,10 +3,15 @@
   height: 100%;
   display: flex;
   flex-flow: column-reverse nowrap;
-  justify-content: space-around;
+  justify-content: flex-start;
   align-items: center;
 }
 
+.form {
+  margin-bottom: 40%;
+  margin-top: 30%;
+}
+
 .rejoinLabel {
   margin-bottom: 0.5em;
 }