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