diff --git a/packages/common/business_components/src/ui/search_input/index.tsx b/packages/common/business_components/src/ui/search_input/index.tsx
index 61ff8ec3f..338fcfd49 100644
--- a/packages/common/business_components/src/ui/search_input/index.tsx
+++ b/packages/common/business_components/src/ui/search_input/index.tsx
@@ -1,14 +1,15 @@
 import { Input, Label } from "@common/components";
 import React from "react";
 
-const SearchInput = React.forwardRef<
-    HTMLDivElement& HTMLInputElement,
-    React.HTMLAttributes<HTMLDivElement> & {className:string, label:string}>
-(({className, label}, ref) => {
+const SearchInput = React.forwardRef<HTMLInputElement, {className:string, label:string, textValue:string, setText:(val:string)=>void}>(({className, label, textValue, setText}, ref) => {
+    const changeText=(e:React.ChangeEvent<HTMLInputElement>)=>{
+        if(e?.target?.value) setText(e.target.value)
+    }
+
     return (
         <div className={className+" flex"} >
             {label && <Label className="m-4 text-2xl w-1/4">{label}</Label>}
-            <Input className="ml-8 w-3/4 text-lg" ref={ref}></Input>
+            <Input className="ml-8 w-3/4 text-lg" value={textValue} onChange={changeText}></Input>
         </div>
     )
 });