diff --git a/src/App.js b/src/App.js
index d279b29..32d0e28 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,90 +1,92 @@
 import { firebaseConfig } from "./config/Config.js"
 import { getApp, initializeApp } from "firebase/app"
 import { useState, useEffect } from "react"
-import { getFirestore,
+import {
+  getFirestore,
   collection,
-   getDoc,
-    doc,
-     getDocs } from "firebase/firestore";
-     import {getStorage} from "firebase/storage"
-     import Form from 'react-bootstrap/Form';
-     import Button from 'react-bootstrap/Button';
-     import 'bootstrap/dist/css/bootstrap.min.css';
-     import Col from 'react-bootstrap/Col';
+  getDoc,
+  doc,
+  getDocs
+} from "firebase/firestore";
+import { getStorage } from "firebase/storage"
+import Form from 'react-bootstrap/Form';
+import Button from 'react-bootstrap/Button';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import Col from 'react-bootstrap/Col';
 
-     import './App.css'
+import './App.css'
 
 
 
-    function MyForm() {
-      const [selectedOptions, setSelectedOptions] = useState([]);
+function MyForm() {
+  const [selectedOptions, setSelectedOptions] = useState([]);
 
-      const handleCheckboxChange = (event) => {
-        const { value, checked } = event.target;
-        if (checked) {
-          setSelectedOptions([...selectedOptions, value]);
-        } else {
-          setSelectedOptions(selectedOptions.filter((option) => option !== value));
-        }
-      };
-
-      return (
-        <Form>
-          <Form.Group>
-            <Form.Label style={{ fontSize: '40px' }}>Ray Ray's Word Bingo</Form.Label>
-          <Col sm={2}></Col>
-         <Col sm={8}>
-          <Form.Label style={{ fontSize: '30px' }}>Enter submitter name:</Form.Label>
-          <Form.Control type="text" 
-                        placeholder="Name" /> 
-          <Form.Label style={{ fontSize: '30px' }}>Enter the date the shennanigans occurred (dd-mm-yyyy):</Form.Label> 
-          <Form.Control type="text" placeholder="Date" /> 
-          <Form.Label style={{ fontSize: '30px' }}>Enter context for this tamper tantrum:</Form.Label>
-          <Form.Control type="text" 
-                        placeholder="Enter context here" /> 
-            <Form.Label style={{ fontSize: '30px' }}>Select the words used by Ray during his little tamper tantrum:</Form.Label>
-            <Form.Check
-              type="checkbox"
-              label="poop"
-              value="poop"
-              checked={selectedOptions.includes('poop')}
-              onChange={handleCheckboxChange}
-            />
-            <Form.Check
-              type="checkbox"
-              label="snot"
-              value="snot"
-              checked={selectedOptions.includes('snot')}
-              onChange={handleCheckboxChange}
-            />
-            <Form.Check
-              type="checkbox"
-              label="brain"
-              value="brain"
-              checked={selectedOptions.includes('brain')}
-              onChange={handleCheckboxChange}
-            />
-            <Form.Check
-              type="checkbox"
-              label="fart"
-              value="fart"
-              checked={selectedOptions.includes('fart')}
-              onChange={handleCheckboxChange}
-            />
-             </Col>
-     <Col sm={2}></Col>
-          </Form.Group>
-          
-          <Button variant="primary" type="submit"> 
-           Submit
-        </Button>
-        <Form.Group>
-                                <h3>Existing entries</h3>
-                                <p>To be added</p>
-                            </Form.Group> 
-        </Form>
-
-      );
+  const handleCheckboxChange = (event) => {
+    const { value, checked } = event.target;
+    if (checked) {
+      setSelectedOptions([...selectedOptions, value]);
+    } else {
+      setSelectedOptions(selectedOptions.filter((option) => option !== value));
     }
+  };
 
-    export default MyForm;
+  return (
+    <Form>
+      <Form.Group>
+        <Form.Label style={{ fontSize: '40px' }}>Ray Ray's Word Bingo</Form.Label>
+        <Col sm={2}></Col>
+        <Col sm={8}>
+          <Form.Label style={{ fontSize: '30px' }}>Enter submitter name:</Form.Label>
+          <Form.Control type="text"
+            placeholder="Name" />
+          <Form.Label style={{ fontSize: '30px' }}>Enter the date the shennanigans occurred (dd-mm-yyyy):</Form.Label>
+          <Form.Control type="text" placeholder="Date" />
+          <Form.Label style={{ fontSize: '30px' }}>Enter context for this tamper tantrum:</Form.Label>
+          <Form.Control type="text"
+            placeholder="Enter context here" />
+          <Form.Label style={{ fontSize: '30px' }}>Select the words used by Ray during his little tamper tantrum:</Form.Label>
+          <Form.Check
+            type="checkbox"
+            label="poop"
+            value="poop"
+            checked={selectedOptions.includes('poop')}
+            onChange={handleCheckboxChange}
+          />
+          <Form.Check
+            type="checkbox"
+            label="snot"
+            value="snot"
+            checked={selectedOptions.includes('snot')}
+            onChange={handleCheckboxChange}
+          />
+          <Form.Check
+            type="checkbox"
+            label="brain"
+            value="brain"
+            checked={selectedOptions.includes('brain')}
+            onChange={handleCheckboxChange}
+          />
+          <Form.Check
+            type="checkbox"
+            label="fart"
+            value="fart"
+            checked={selectedOptions.includes('fart')}
+            onChange={handleCheckboxChange}
+          />
+        </Col>
+        <Col sm={2}></Col>
+      </Form.Group>
+
+      <Button variant="primary" type="submit">
+        Submit
+      </Button>
+      <Form.Group>
+        <h3>Existing entries</h3>
+        <p>To be added</p>
+      </Form.Group>
+    </Form>
+
+  );
+}
+
+export default MyForm;