X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/ee9d1e39b5d469a827be5a719c9c0860914ab2a8..7f8fa5edc5175ffda9fdfaa28081f799ae485ec0:/services/workbench2/src/components/search-input/search-input.tsx

diff --git a/services/workbench2/src/components/search-input/search-input.tsx b/services/workbench2/src/components/search-input/search-input.tsx
index fbb4f599b6..4ae3ea9ef6 100644
--- a/services/workbench2/src/components/search-input/search-input.tsx
+++ b/services/workbench2/src/components/search-input/search-input.tsx
@@ -46,7 +46,8 @@ export const SearchInput = (props: SearchInputProps) => {
             setValue("");
             clearTimeout(timeout);
         };
-    }, [props.value, props.label]); // eslint-disable-line react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.value, props.label]); 
 
     useEffect(() => {
         if (selfClearProp !== props.selfClearProp) {
@@ -54,7 +55,8 @@ export const SearchInput = (props: SearchInputProps) => {
             setSelfClearProp(props.selfClearProp);
             handleChange({ target: { value: "" } } as any);
         }
-    }, [props.selfClearProp]); // eslint-disable-line react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.selfClearProp]); 
 
     const handleSubmit = (event: React.FormEvent<HTMLElement>) => {
         event.preventDefault();
@@ -76,7 +78,7 @@ export const SearchInput = (props: SearchInputProps) => {
     };
 
     return <form onSubmit={handleSubmit}>
-        <FormControl>
+        <FormControl style={{ width: '14rem'}}>
             <InputLabel>{label}</InputLabel>
             <Input
                 type="text"