diff --git a/ServerManagement/Components/Pages/Servers.razor b/ServerManagement/Components/Pages/Servers.razor
index ea93fac..133e5a9 100644
--- a/ServerManagement/Components/Pages/Servers.razor
+++ b/ServerManagement/Components/Pages/Servers.razor
@@ -13,9 +13,9 @@
     {
     <div class="col">
 
-      <div class="card">
+      <div class="card @((city == selectedCity) ? "border-primary" : "")">
         <img src=@($"/images/{@city}.png") class="card-img-top" alt="@city">
-        <div class="card-body">
+        <div class="card-body @((city == selectedCity) ? "active" : "")">
           <button class="btn btn-primary" @onclick="@(() => { SelectCity(city); })">@city</button>
         </div>
       </div>
diff --git a/ServerManagement/Components/Pages/Servers.razor.css b/ServerManagement/Components/Pages/Servers.razor.css
new file mode 100644
index 0000000..8360454
--- /dev/null
+++ b/ServerManagement/Components/Pages/Servers.razor.css
@@ -0,0 +1,5 @@
+
+.card-body.active 
+{
+  background-color: #E3E3E3;
+}
\ No newline at end of file