diff --git a/packages/web/components/templates/article/HighlightsModal.tsx b/packages/web/components/templates/article/HighlightsModal.tsx
index 750ef1636..92358b057 100644
--- a/packages/web/components/templates/article/HighlightsModal.tsx
+++ b/packages/web/components/templates/article/HighlightsModal.tsx
@@ -30,6 +30,7 @@ export function HighlightsModal(props: HighlightsModalProps): JSX.Element {
       <ModalContent
         onPointerDownOutside={(event) => {
           event.preventDefault()
+          props.onOpenChange(false)
         }}
         css={{ overflow: 'auto', p: '0' }}
       >