diff --git a/js/libs/ui-shared/src/controls/SelectControl.tsx b/js/libs/ui-shared/src/controls/SelectControl.tsx
index 01d9697084..89069ca5fa 100644
--- a/js/libs/ui-shared/src/controls/SelectControl.tsx
+++ b/js/libs/ui-shared/src/controls/SelectControl.tsx
@@ -61,15 +61,21 @@ export const SelectControl = <
     formState: { errors },
   } = useFormContext();
   const [open, setOpen] = useState(false);
-  const convert = () =>
-    options.map((option) => (
-      <SelectOption
-        key={typeof option === "string" ? option : option.key}
-        value={typeof option === "string" ? option : option.key}
-      >
-        {typeof option === "string" ? option : option.value}
-      </SelectOption>
-    ));
+  const convert = (prefix: string = "") => {
+    const lowercasePrefix = prefix.toLowerCase();
+    return options
+      .filter((option) =>
+        option.toString().toLowerCase().startsWith(lowercasePrefix),
+      )
+      .map((option) => (
+        <SelectOption
+          key={typeof option === "string" ? option : option.key}
+          value={typeof option === "string" ? option : option.key}
+        >
+          {typeof option === "string" ? option : option.value}
+        </SelectOption>
+      ));
+  };
   return (
     <FormLabel
       name={name}
@@ -117,7 +123,7 @@ export const SelectControl = <
             }
             onFilter={(_, value) => {
               onFilter?.(value);
-              return convert();
+              return convert(value);
             }}
             isOpen={open}
             variant={variant}