From d2bf31d9c572953a6119b62456cbbaadf8ad7fd2 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 28 Feb 2024 11:13:07 +0800
Subject: [PATCH] Use the browser icon for "open original"

---
 .../web/components/patterns/HighlightHoverActions.tsx     | 2 +-
 .../patterns/LibraryCards/LibraryHoverActions.tsx         | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/web/components/patterns/HighlightHoverActions.tsx b/packages/web/components/patterns/HighlightHoverActions.tsx
index d027c879b..4903fa116 100644
--- a/packages/web/components/patterns/HighlightHoverActions.tsx
+++ b/packages/web/components/patterns/HighlightHoverActions.tsx
@@ -28,7 +28,7 @@ export const HighlightHoverActions = (props: HighlightHoverActionsProps) => {
     <Box
       css={{
         height: '33px',
-        width: '135px',
+        minWidth: '150px',
         bg: '$thBackground',
         display: 'flex',
 
diff --git a/packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx b/packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx
index eb1724bba..3d357749f 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx
@@ -12,6 +12,7 @@ import { NotebookIcon } from '../../elements/icons/NotebookIcon'
 import { TrashIcon } from '../../elements/icons/TrashIcon'
 import { LabelIcon } from '../../elements/icons/LabelIcon'
 import { UnarchiveIcon } from '../../elements/icons/UnarchiveIcon'
+import { BrowserIcon } from '../../elements/icons/BrowserIcon'
 
 type LibraryHoverActionsProps = {
   viewer: UserBasicData
@@ -31,7 +32,7 @@ export const LibraryHoverActions = (props: LibraryHoverActionsProps) => {
         overflow: 'clip',
 
         height: '33px',
-        width: '184px',
+        width: '200px',
         bg: '$thBackground',
         display: 'flex',
 
@@ -120,7 +121,10 @@ export const LibraryHoverActions = (props: LibraryHoverActionsProps) => {
           event.stopPropagation()
         }}
       >
-        <Share size={21} color={theme.colors.thNotebookSubtle.toString()} />
+        <BrowserIcon
+          size={21}
+          color={theme.colors.thNotebookSubtle.toString()}
+        />
       </Button>
       <CardMenu
         item={props.item}