diff --git a/service/www/dashboard.php b/service/www/dashboard.php
index 661b600..41c051d 100644
--- a/service/www/dashboard.php
+++ b/service/www/dashboard.php
@@ -76,7 +76,7 @@ function getAllUserProfiles($conn)
             <div class="inner">
                 <h3 class="masthead-brand">ImagiDate</h3>
                 <nav class="nav nav-masthead justify-content-center">
-                    <a class="nav-link active" href="index.php">Homepage</a>
+                    <a class="nav-link" href="index.php">Homepage</a>
                     <a class="nav-link" href='profile.php?id=<?php echo $user_id; ?>'>Profile</a>
                     <a class="nav-link" href="logout.php">Logout</a>
                 </nav>
diff --git a/service/www/index.php b/service/www/index.php
index cd636a4..07074d4 100644
--- a/service/www/index.php
+++ b/service/www/index.php
@@ -52,7 +52,7 @@
             <div class="inner">
                 <h3 class="masthead-brand">ImagiDate</h3>
                 <nav class="nav nav-masthead justify-content-center">
-                    <a class="nav-link active" href="">About</a>
+                    <a class="nav-link active" href="">Homepage</a>
                     <?php if ($logged_in): ?>
                         <a class="nav-link" href='profile.php?id=<?php echo $user_id; ?>'>Profile</a>
                         <a class="nav-link" href="logout.php">Logout</a>
diff --git a/service/www/match.php b/service/www/match.php
index 0ede826..b93d85f 100644
--- a/service/www/match.php
+++ b/service/www/match.php
@@ -6,9 +6,10 @@
     exit();
 }
 
-function yaml_dump(array $data){
+function yaml_dump(array $data)
+{
     $result = "";
-    foreach ($data as $key => $value){
+    foreach ($data as $key => $value) {
         $result .= "$key: $value\n";
     }
     return $result;
@@ -21,14 +22,16 @@ function yaml_dump(array $data){
     $requested_username = $_POST["requested_username"];
     $punchline = $_POST["punchline"];
 
-    if($username != $_SESSION["username"]){
+    if ($username != $_SESSION["username"]) {
         echo "You need to provide your actual username, not some random shit";
         exit();
     }
 
     $ALLOWED_LEN = 20;
-    if(strlen($username) > $ALLOWED_LEN || strlen($gender) > $ALLOWED_LEN
-    || strlen($requested_username) > $ALLOWED_LEN){
+    if (
+        strlen($username) > $ALLOWED_LEN || strlen($gender) > $ALLOWED_LEN
+        || strlen($requested_username) > $ALLOWED_LEN
+    ) {
         echo "Your Input seems to be wrong. Some parameter was too large";
         exit();
     }
@@ -42,9 +45,9 @@ function yaml_dump(array $data){
     ];
 
     $yaml = yaml_dump($data);
-    if(isset($_POST["custom_filename"])){
+    if (isset($_POST["custom_filename"])) {
         $yaml_file = 'uploads/' . bin2hex($_POST["custom_filename"]) . ".yaml";
-    }else{
+    } else {
         $yaml_file = 'uploads/data.yaml';
     }
     file_put_contents($yaml_file, $yaml);
@@ -72,6 +75,7 @@ function yaml_dump(array $data){
 
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -98,6 +102,7 @@ function yaml_dump(array $data){
         }
     </style>
 </head>
+
 <body>
     <div class="text-center">
         <a href="index.php">
@@ -106,20 +111,27 @@ function yaml_dump(array $data){
         <h2>Match with your fav Person!</h2>
         <p class="lead">Submit your information and a punchline to your crush and see what they will say!</p>
         <form id="yamlForm" action="" class="form-signin" method="POST" enctype="multipart/form-data">
-            
+
             <label for="username" class="sr-only">Username</label>
-            <input type="text" class="form-control" id="username" name="username" placeholder="Username" maxlength="20" required>
+            <input type="text" class="form-control" id="username" name="username" placeholder="Username" maxlength="20"
+                required>
             <label for="age" class="sr-only">Age</label>
             <input type="number" class="form-control" id="age" name="age" placeholder="Age" required>
             <label for="gender" class="sr-only">Gender</label>
-            <input type="text" class="form-control" id="gender" name="gender" placeholder="Gender" maxlength="20" required>
+            <select id="gender" name="gender" class="form-control">
+                <option value="male">Male</option>
+                <option value="female">Female</option>
+                <option value="other">Other</option>
+            </select>
             <label for="requested_username" class="sr-only">Requested Username</label>
-            <input type="text" class="form-control" id="requested_username" name="requested_username" placeholder="Username of your crush" maxlength="20" required>
+            <input type="text" class="form-control" id="requested_username" name="requested_username"
+                placeholder="Username of your crush" maxlength="20" required>
             <label for="punchline" class="sr-only">Punchline</label>
-            <textarea type="text" class="form-control" id="punchline" name="punchline" placeholder="Your punchline" required></textarea>
+            <textarea type="text" class="form-control" id="punchline" name="punchline" placeholder="Your punchline"
+                required></textarea>
             <br>
             <button type="submit" class="btn btn-lg btn-primary btn-block">Submit</button>
-            <?php if($show_resp): ?>
+            <?php if ($show_resp): ?>
                 <a href='check_response.php'>Data sent succesfully! Checkout your crushes reponse!</a>
             <?php endif; ?>
         </form>
@@ -129,4 +141,5 @@ function yaml_dump(array $data){
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/service/www/profile.php b/service/www/profile.php
index 162ff1e..722bd30 100644
--- a/service/www/profile.php
+++ b/service/www/profile.php
@@ -125,8 +125,8 @@ function displayComments($comments)
             <div class="inner">
                 <h3 class="masthead-brand">ImagiDate</h3>
                 <nav class="nav nav-masthead justify-content-center">
-                    <a class="nav-link active" href="index.php">Homepage</a>
-                    <a class="nav-link" href='profile.php?id=<?php echo $user_id; ?>'>Profile</a>
+                    <a class="nav-link" href="index.php">Homepage</a>
+                    <a class="nav-link active" href='profile.php?id=<?php echo $user_id; ?>'>Profile</a>
                     <a class="nav-link" href="logout.php">Logout</a>
                 </nav>
             </div>
diff --git a/service/www/styles/match.css b/service/www/styles/match.css
index 72ab9a3..e5fa1b2 100644
--- a/service/www/styles/match.css
+++ b/service/www/styles/match.css
@@ -51,6 +51,13 @@ body {
     background-color: #252525;
 }
 
+.form-signin select[id="gender"] {
+  margin-bottom: -1px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  background-color: #252525;
+}
+
 .form-signin textarea{
     margin-bottom: -1px;
     border-bottom-right-radius: 0;
