Fix some styling

src/App.tsx

@@ -33,7 +33,7 @@ function MenuList(props: MenuListProps) {
     return (<List
         width={'100%'}
         height={maxHeight}
-        itemCount={children.length}
+        itemCount={children?.length ?? 0}
         itemSize={height}
         initialScrollOffset={initialOffset}
     >
@@ -82,9 +82,12 @@ export function LargeSelect() {
     return (
         <div className={"m-5 text-lg"}>
             <Select
+                classNames={{input: () => 'select-input-wrapper'}}
                 onChange={onChange as any}
                 components={{MenuList}}
+                isDisabled={isLoading}
                 isLoading={isLoading}
+                isClearable={true}
                 options={options}
                 filterOption={createFilter({ignoreAccents: false})}
             />

src/index.css

@@ -1,3 +1,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.select-input-wrapper > input:focus {
+    box-shadow: none;
+}