diff --git a/dist/index.html b/dist/index.html
index f611a055..90f00f04 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Boris - Nostr Bookmarks</title>
-    <script type="module" crossorigin src="/assets/index-Bty_eGh6.js"></script>
+    <script type="module" crossorigin src="/assets/index-C99jJJ32.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-Bj-Uhit8.css">
   </head>
   <body>
diff --git a/src/components/HighlightButton.tsx b/src/components/HighlightButton.tsx
index 30059a10..25368847 100644
--- a/src/components/HighlightButton.tsx
+++ b/src/components/HighlightButton.tsx
@@ -54,20 +54,20 @@ export const HighlightButton = React.forwardRef<HighlightButtonRef, HighlightBut
           backgroundColor: highlightColor,
           color: '#000',
           border: 'none',
-          boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3)',
-          cursor: hasSelection ? 'pointer' : 'not-allowed',
+          boxShadow: hasSelection ? '0 4px 12px rgba(0, 0, 0, 0.3)' : 'none',
+          cursor: hasSelection ? 'pointer' : 'default',
           display: 'flex',
           alignItems: 'center',
           justifyContent: 'center',
           transition: 'all 0.3s ease',
-          opacity: hasSelection ? 1 : 0.4,
-          transform: hasSelection ? 'scale(1)' : 'scale(0.9)',
+          opacity: hasSelection ? 1 : 0,
+          transform: hasSelection ? 'scale(1)' : 'scale(0.8)',
+          pointerEvents: hasSelection ? 'auto' : 'none',
           userSelect: 'none'
         }}
         onClick={handleClick}
-        disabled={!hasSelection}
         aria-label="Create highlight from selection"
-        title={hasSelection ? 'Create highlight' : 'Select text to highlight'}
+        title={hasSelection ? 'Create highlight' : ''}
       >
         <FontAwesomeIcon icon={faHighlighter} size="lg" />
       </button>
