From ebe22f3df8959726e6249ad9f8a3916fb8c70215 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Mon, 11 Apr 2022 09:10:38 -0700
Subject: [PATCH] Wrap the button so style isnt changed

---
 .../templates/article/ArticleActionsMenu.tsx      | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

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')}>