diff --git a/ServerManagement/Components/Pages/Servers.razor b/ServerManagement/Components/Pages/Servers.razor
index 86ba8ca..8813b81 100644
--- a/ServerManagement/Components/Pages/Servers.razor
+++ b/ServerManagement/Components/Pages/Servers.razor
@@ -5,6 +5,18 @@
 <br/>
 <br/>
 
+<div class="container-fluid text-center">
+  <div class="row w-50">
+    @foreach(var city in cities)
+    {
+    <div class="col">
+      <button class="btn btn-primary">@city</button>
+    </div>
+    }
+  </div>
+</div>
+
+<br/>
 <ul>
   @foreach(var server in servers)
   {
@@ -18,5 +30,6 @@
 </ul>
 
 @code {
+  private List<string> cities = ServersRepository.GetCities();
   private List<Server> servers = ServersRepository.GetServersByCity("Eindhoven");
 }
\ No newline at end of file