diff --git a/Frontend/Html/AdminPage.html b/Frontend/Html/AdminPage.html
index f6c83da..a89a3ba 100755
--- a/Frontend/Html/AdminPage.html
+++ b/Frontend/Html/AdminPage.html
@@ -62,42 +62,48 @@
                 </label>
             </div>
 
-            <br />
+            <div class="FormField">
+                <div id="Dates">
+                    <input type="date" class="FormFieldInput" placeholder="mm/dd/yyyy" name="startDate" id="startDate" required>
+                    <label for="startDate" class="FormFieldLabel" id="startDateLabel">
+                        Start dato
+                    </label>
+
+                    <input type="date" class="FormFieldInput" placeholder="mm/dd/yyyy" name="endDate" id="endDate" required>
+                    <label for="endDate" class="FormFieldLabel" id="endDateLabel">
+                        Slut dato
+                    </label>
+                </div>
+
+                <div class="Times">
+                    <input type="text" class="FormFieldInput" placeholder="hh:mm" name="startTime" id="startTime" required>
+                    <label for="startTime" class="FormFieldLabel" id="startTimeLabel">
+                        Start tidspunkt
+                    </label>
+
+                    <input type="text" class="FormFieldInput" placeholder="hh:mm" name="endTime" id="endTime" required>
+                    
+                </div>
+            </div>            
 
             <div class="FormField">
-                <input type="date" class="FormFieldInput"
+                <input type="text" class="FormFieldInput" placeholder="Emne / Keywords (Ikke obligatorisk)" name="keyWord" id="keyWord" required>
+                <label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
+                    Emne / Keywords (Ikke obligatorisk)
+                </label>
             </div>
-            <label for="startDate">Start dato:</label>
-            <input type="date" name="startDate" id="startDate">
 
-            <br />
+            <div class="FormField">
+                <textarea class="FormFieldInput" placeholder="Beskrivelse" name="description" id="Beskrivelse" required></textarea>
+                <label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
+                    Beskrivelse
+                </label>
+            </div>
 
-            <label for="endDate">Slut dato:</label>
-            <input type="date" name="endDate" id="endDate">
-
-            <br />
-
-            <label for="startTime">Start tidspunkt:</label>
-            <input type="text" name="startTime" id="startTime" placeholder="12:00">
-
-            <br />
-
-            <label for="endDate">Slut tidspunkt:</label>
-            <input type="time" name="endTime" id="endTime" min="00:00" max="24:00" value="00:00" pattern="[0-9]{2}:[0-9]{2}">
-
-            <br />
-
-            <label for="keyWord">Emne / Keywords (Ikke obligatorisk):</label>
-            <input type="text" name="keyWord" id="keyWord">
-
-            <br />
-
-            <p>Indsæt en beskrivelse af Gam jammet</p>
-
-            <div class="form-floating">
+            <!-- <div class="form-floating">
                 <textarea class="form-control" name="description" id="description" placeholder="Leave a comment here" id="floatingTextarea2" style="height: 100px"></textarea>
                 <label for="floatingTextarea2">Beskrivelse</label>
-            </div>
+            </div> -->
 
             <input type="submit" name="newGameJam" id="indsend" value="Indsend">
             <button type="button" id="testTime">Test</button>
@@ -111,7 +117,14 @@
     <script src="../Javascript/AddGameJam.js"></script>
     <script>
         $(document).ready(function() {
-            $('#startTime').inputmask('99:99');
+            let regexTemp = '([01][0-9]|2[0-3]):([0-5][0-9])'
+            $('#startTime').inputmask({
+                regex: regexTemp
+            });
+
+            $('#endTime').inputmask({
+                regex: regexTemp
+            });
         });
     </script>
     <!-- Body scripts end -->
diff --git a/Frontend/Styles/AdminPage.css b/Frontend/Styles/AdminPage.css
index fb7579a..b8ec265 100755
--- a/Frontend/Styles/AdminPage.css
+++ b/Frontend/Styles/AdminPage.css
@@ -47,46 +47,55 @@ body {
     outline: none;
 }
 
-#startTime {
-    border-radius: 15px;
-    color: #474747;
-    background-color: rgba(255, 255, 255, .55);
-    border: double;
-    filter: invert(90%);
-}
-
-#endTime {
-    border-radius: 15px;
-    color: #474747;
-    background-color: rgba(255, 255, 255, .55);
-    border: double;
-    filter: invert(90%);
-}
-
 #startDate {
-    border-radius: 15px;
-    color: #474747;
-    background-color: rgba(255, 255, 255, .55);
-    border: double;
-    filter: invert(90%);
+    width: 32.5%;
+    display: inline-block !important;
+    margin-right: 2.5%;
+    float: left;
+}
+
+#startDateLabel {
+    display: inline-block;
+    left: 0;
 }
 
 #endDate {
-    border-radius: 15px;
-    color: #474747;
-    background-color: rgba(255, 255, 255, .55);
-    border: double;
-    filter: invert(90%);
+    width: 32.5%;
+    display: inline-block !important;
+    margin-left: 2.5%;
+    margin-right: 2.5%;
+    float: left;
 }
 
-#nameOfGameJam,
-#keyWord {
-    background-color: rgb(18, 18, 18);
-    color: rgba(255, 255, 255, .55);
-    border-radius: 15px;
-    border: double;
+#endDateLabel {
+    display: inline-block;
+    left: 37.5%;
 }
 
+#startTime {
+    width: 12.5%;
+    display: inline-block !important;
+    margin-right: 2.5%;
+    float: left;
+}
+
+#startTimeLabel {
+    display: inline-block;
+    left: 72.5%;
+}
+
+#endTime {
+    width: 12.5%;
+    display: inline-block !important;
+    float: left;
+}
+
+#endTimeLabel {
+    display: inline-block;
+    left: 87.5%;
+}
+
+
 #description {
     background-color: rgb(18, 18, 18);
     color: rgba(255, 255, 255, .55);
@@ -96,6 +105,10 @@ body {
     height:250px;
 }
 
+#Beskrivelse {
+    margin-bottom: 10px;
+}
+
 #indsend {
     border-radius: 15px;
     color: rgba(255, 255, 255, .55);