diff --git a/ServerManagement/Components/Controls/SearchBarComponent.razor b/ServerManagement/Components/Controls/SearchBarComponent.razor
index eb90dcb..a254836 100644
--- a/ServerManagement/Components/Controls/SearchBarComponent.razor
+++ b/ServerManagement/Components/Controls/SearchBarComponent.razor
@@ -22,4 +22,9 @@
   {
     FilterSearchTerm.InvokeAsync(serverFilter);
   }
+
+  public void ClearFilter()
+  {
+    this.serverFilter = string.Empty;
+  }
 }
\ No newline at end of file
diff --git a/ServerManagement/Components/Pages/Servers.razor b/ServerManagement/Components/Pages/Servers.razor
index 9886662..1c5dc73 100644
--- a/ServerManagement/Components/Pages/Servers.razor
+++ b/ServerManagement/Components/Pages/Servers.razor
@@ -6,7 +6,7 @@
 <br/>
 <CityListComponent @ref="cityListComponent" SelectCityCallBack="HandleCitySelection"></CityListComponent>
 <br/>
-<SearchBarComponent FilterSearchTerm="HandleSearch"></SearchBarComponent>
+<SearchBarComponent @ref="searchBarComponent" FilterSearchTerm="HandleSearch"></SearchBarComponent>
 <br/>
 <a href="@($"/servers/add")" class="btn btn-primary">Add</a>
 <br/>
@@ -21,11 +21,13 @@
   private string selectedCity = "Eindhoven";
   private string searchFilter = "";
   private CityListComponent? cityListComponent;
+  private SearchBarComponent? searchBarComponent;
 
   private void HandleCitySelection(string cityName)
   {
-    this.searchFilter = string.Empty;
     this.selectedCity = cityName;
+    this.searchFilter = string.Empty;
+    searchBarComponent?.ClearFilter();
   }
 
   private void HandleSearch(string searchFilter)