diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 9db547c68..29ed87c69 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -95,10 +95,14 @@ export default function ExtraSidebar(): JSX.Element {
   }
 
   useEffect(() => {
-    if (getFilterEdge.length === 0 && search === "") {
-      setFilterData(data);
+    if (getFilterEdge.length !== 0) {
       setSearch("");
     }
+
+    if (getFilterEdge.length === 0 && search === "") {
+      setSearch("");
+      setFilterData(data);
+    }
   }, [getFilterEdge, data]);
 
   useEffect(() => {
@@ -326,6 +330,7 @@ export default function ExtraSidebar(): JSX.Element {
       <div className="side-bar-search-div-placement">
         <Input
           onFocusCapture={() => handleBlur()}
+          value={search}
           type="text"
           name="search"
           id="search"