diff --git a/ServerManagement/Components/Pages/Servers.razor b/ServerManagement/Components/Pages/Servers.razor
index 8813b81..cab305f 100644
--- a/ServerManagement/Components/Pages/Servers.razor
+++ b/ServerManagement/Components/Pages/Servers.razor
@@ -6,11 +6,17 @@
 <br/>
 
 <div class="container-fluid text-center">
-  <div class="row w-50">
+  <div class="row">
     @foreach(var city in cities)
     {
     <div class="col">
-      <button class="btn btn-primary">@city</button>
+
+      <div class="card">
+        <img src="@($"/images/{city}.png")" class="card-img-top" alt="@city")">
+        <div class="card-body">
+          <button class="btn btn-primary">@city</button>
+        </div>
+      </div>
     </div>
     }
   </div>