From 68933689f6118f9bfaaed7b20f04d5cc9eb9f117 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 11 Apr 2022 19:08:19 -0700
Subject: [PATCH] Close labels modal when tap outside

---
 packages/web/components/templates/article/EditLabelsModal.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/web/components/templates/article/EditLabelsModal.tsx b/packages/web/components/templates/article/EditLabelsModal.tsx
index 2e048310e..ca45e65f8 100644
--- a/packages/web/components/templates/article/EditLabelsModal.tsx
+++ b/packages/web/components/templates/article/EditLabelsModal.tsx
@@ -23,10 +23,11 @@ export function EditLabelsModal(props: EditLabelsModalProps): JSX.Element {
     <ModalRoot defaultOpen onOpenChange={props.onOpenChange}>
       <ModalOverlay />
       <ModalContent
+        css={{ overflow: 'auto' }}
         onPointerDownOutside={(event) => {
           event.preventDefault()
+          props.onOpenChange(false)
         }}
-        css={{ overflow: 'auto', p: '0', width: '100%' }}
       >
         <VStack css={{ width: '100%' }}>
           <HStack