From a7568c1bb2c6c454923af43e44b9e4ab92b060dc Mon Sep 17 00:00:00 2001
From: Joshua Coles <josh@coles.to>
Date: Fri, 29 Sep 2023 11:20:11 +0100
Subject: [PATCH] Fix some styling

---
 src/App.tsx   | 5 ++++-
 src/index.css | 4 ++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 961211b..6b235e1 100644
--- a/src/App.tsx
+++ b/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})}
             />
diff --git a/src/index.css b/src/index.css
index b5c61c9..6f4bf71 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,3 +1,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.select-input-wrapper > input:focus {
+    box-shadow: none;
+}