diff --git a/packages/web/components/templates/article/ArticleActionsMenu.tsx b/packages/web/components/templates/article/ArticleActionsMenu.tsx
index abcec99a3..f8fbb8c22 100644
--- a/packages/web/components/templates/article/ArticleActionsMenu.tsx
+++ b/packages/web/components/templates/article/ArticleActionsMenu.tsx
@@ -111,14 +111,15 @@ export function ArticleActionsMenu(props: ArticleActionsMenuProps): JSX.Element
         </SpanBox>
       </Button> */}
 
-      <TooltipWrapped
-        tooltipContent="View Highlights"
-        tooltipSide={props.layout == 'vertical' ? 'right' : 'bottom'}
-      >
-        <Button style='articleActionIcon'>
+      <Button style='articleActionIcon' onClick={() => props.articleActionHandler('showHighlights')}>
+        <TooltipWrapped
+          tooltipContent="View Highlights"
+          tooltipSide={props.layout == 'vertical' ? 'right' : 'bottom'}
+        >
           <HighlighterCircle size={24} color={theme.colors.readerFont.toString()} />
-        </Button>
-      </TooltipWrapped>
+        </TooltipWrapped>
+      </Button>
+
       <MenuSeparator layout={props.layout} />
 
       <Button style='articleActionIcon' onClick={() => props.articleActionHandler('archive')}>