From e4c89c0256bd6df331bb73efe5a3177dab906978 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 2 Dec 2022 10:29:13 +0800
Subject: [PATCH] Set zIndex on modals so they display above the top toolbar on
 smaller screens

---
 packages/web/components/templates/article/HighlightsModal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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={