diff --git a/frontend/web/components/BreadcrumbSeparator.tsx b/frontend/web/components/BreadcrumbSeparator.tsx
index 9c94305f85e7..36bfc0526def 100644
--- a/frontend/web/components/BreadcrumbSeparator.tsx
+++ b/frontend/web/components/BreadcrumbSeparator.tsx
@@ -179,6 +179,17 @@ const BreadcrumbSeparator: FC<BreadcrumbSeparatorType> = ({
     //eslint-disable-next-line
   }, [])
 
+  useEffect(() => {
+    if(!open) {
+      if(projectSearch) {
+        setProjectSearch('')
+      }
+      if(organisationSearch) {
+        setOrganisationSearch('')
+      }
+    }
+  }, [open]);
+
   const { data: projects } = useGetProjectsQuery(
     {
       organisationId: `${hoveredOrganisation?.id}`,