diff --git a/app/components/ui-lib.tsx b/app/components/ui-lib.tsx
index 814c0dd1..b9680912 100644
--- a/app/components/ui-lib.tsx
+++ b/app/components/ui-lib.tsx
@@ -448,7 +448,7 @@ export function Selector<T>(props: {
   multiple?: boolean;
 }) {
   return (
-    <div className={styles["selector"]}>
+    <div className={styles["selector"]} onClick={() => props.onClose?.()}>
       <div className={styles["selector-content"]}>
         <List>
           {props.items.map((item, i) => {