diff --git a/ProjectSourceCode/src/resources/css/login_and_registration.css b/ProjectSourceCode/src/resources/css/login_and_registration.css
index 2882c43..362b5af 100644
--- a/ProjectSourceCode/src/resources/css/login_and_registration.css
+++ b/ProjectSourceCode/src/resources/css/login_and_registration.css
@@ -7,7 +7,7 @@
 }
 
 .form-container {
-    width: 40%;
+    width: 25%;
 }
 
 /* Styling to center register page items */
@@ -16,4 +16,49 @@
     display: flex;
     justify-content: center; /* Center items horizontally */
     align-items: center; /* Center items vertically */
-}
\ No newline at end of file
+}
+
+body {
+    font-family: "Golos Text";
+}
+
+#dropdown {
+    padding: 5px;
+}
+
+#league_dropdown {
+    margin : 100x;
+}
+
+/* Center form items */
+.form-container {
+    width: 50%; /* Adjust width as needed */
+    margin: 0 auto; /* Center horizontally */
+    text-align: center; /* Center text horizontally */
+}
+
+/* Apply modern styling to inputs and select elements */
+.form-control,
+select {
+    width: 100%; /* Make inputs and select elements same width */
+    padding: 0.375rem 0.75rem; /* Example padding */
+    font-size: 1rem; /* Example font size */
+    line-height: 1.5; /* Example line height */
+    color: #495057; /* Example text color */
+    background-color: #fff; /* Example background color */
+    border: 1px solid #ced4da; /* Example border */
+    border-radius: 0.25rem; /* Example border radius */
+    margin-bottom: 10px; /* Example margin */
+}
+
+/* Adjust styling for form labels */
+.form-label {
+    font-weight: bold; /* Example font weight */
+}
+
+/* Adjust styling for buttons */
+.btn {
+    margin-top: 10px; /* Example margin */
+}
+
+
diff --git a/ProjectSourceCode/src/views/pages/register.hbs b/ProjectSourceCode/src/views/pages/register.hbs
index f8faaef..aa9dca7 100644
--- a/ProjectSourceCode/src/views/pages/register.hbs
+++ b/ProjectSourceCode/src/views/pages/register.hbs
@@ -15,6 +15,32 @@
           <input type="password" class="form-control" id="password" name="password" required>
         </div>
 
+        <div class = "dropdowns">
+          <div id="league_dropdown">
+            <label for="password" class="form-label">Preferred League :</label><br>
+            <select id="dropdown">
+              <option value="option1">Premier League</option>
+              <option value="option2">La Liga</option>
+              <option value="option3">Bundesliga</option>
+              <option value="option3">Serie A</option>
+              <option value="option3">Ligue 1</option>
+              <option value="option3">Brasilerao</option>
+            </select>
+          </div>
+
+          <div id="team_dropdown">
+            <label for="password" class="form-label">Favourite Team   :</label><br>
+            <select id="dropdown">
+              <option value="option1">Premier League</option>
+              <option value="option2">La Liga</option>
+              <option value="option3">Bundesliga</option>
+              <option value="option3">Serie A</option>
+              <option value="option3">Ligue 1</option>
+              <option value="option3">Brasilerao</option>
+            </select>
+          </div>
+        </div>
+
         <button type="submit" class="btn btn-primary">Submit</button>
       </form>
 
diff --git a/ProjectSourceCode/src/views/partials/head.hbs b/ProjectSourceCode/src/views/partials/head.hbs
index ca021c1..a290c99 100644
--- a/ProjectSourceCode/src/views/partials/head.hbs
+++ b/ProjectSourceCode/src/views/partials/head.hbs
@@ -6,11 +6,15 @@
   <!-- Linking forms.css -->
   <link rel="stylesheet" type="text/css" href="css/login_and_registration.css">
   <link rel="stylesheet" type="text/css" href="css/home-screen.css">
+  
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=swap" rel="stylesheet">
 
   <title>Group 6 Final Project</title>
 
   <!-- Include Bootstrap CSS -->
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
   <body class="h-100 d-flex flex-column"></body>
 </head>