diff --git a/packages/web/components/templates/article/HighlightsModal.tsx b/packages/web/components/templates/article/HighlightsModal.tsx
index 76370a261..8e5fa0607 100644
--- a/packages/web/components/templates/article/HighlightsModal.tsx
+++ b/packages/web/components/templates/article/HighlightsModal.tsx
@@ -42,7 +42,7 @@ export function HighlightsModal(props: HighlightsModalProps): JSX.Element {
           event.preventDefault()
           props.onOpenChange(false)
         }}
-        css={{ overflow: 'auto', px: '24px' }}
+        css={{ overflow: 'auto', px: '24px', zIndex: '10' }}
       >
         <VStack distribution="start" css={{ height: '100%' }}>
           <ModalTitleBar title="Notebook" onOpenChange={props.onOpenChange} />
@@ -112,7 +112,7 @@ function ModalHighlightView(props: ModalHighlightViewProps): JSX.Element {
 
   return (
     <>
-      <VStack css={{ maxHeight: '80%' }}>
+      <VStack>
         <SpanBox css={{ marginLeft: 'auto' }}>
           <Dropdown
             triggerElement={