src/components/form/data/apply.tsx

@@ -89,7 +89,6 @@ export const apply: FormData = {
             min_length: 3,
             max_length: 256,
             required: true,
-            additional_info: "Please include your timezone."
         },
         {
             label: "Do you have any previous experience being staff?",

src/components/verify_email/thank_you.tsx

@@ -26,21 +26,19 @@ const ThankYou: FC = () => {
             </Helmet>
             <header className="header">Thank you for completing the form and verifying your email!<br></br>This is the data you entered:</header>
             <div className="fields">
-                {Object.entries(formData).map(([key, value]) => (
+                <table>
-                    <div>
+                    <tbody>
-                        <p><strong>{key}</strong></p>
+                    {Object.entries(formData).map(([key, value]) => (
-                        {
+                        <tr className="form-data-row" id={key}>
-                            value
+                            <td className="form-data-key">{key}</td>
-                                .split("\n")
+                            <td className="form-data-value">{value}</td>
-                                .filter(str => str.trim() !== "")
+                        </tr>
-                                .map((str, index) => <p style={{ wordWrap: 'break-word' }}>{str}</p>)
+                    ))}
-                        }
+                    </tbody>
-                    </div>
+                </table>
-            ))}
+            </div>
         </div>
-</div>
+    );
-)
-    ;
 }