diff --git a/dist/index.html b/dist/index.html
index ec6bddf8..336e84ec 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Markr - Nostr Bookmarks</title>
-    <script type="module" crossorigin src="/assets/index-DhqqAZnu.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BH-ZsNV9.css">
+    <script type="module" crossorigin src="/assets/index-DO40HQQ6.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Dw4opAJ_.css">
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/components/BookmarkItem.tsx b/src/components/BookmarkItem.tsx
index 1297e4b0..5cb3571f 100644
--- a/src/components/BookmarkItem.tsx
+++ b/src/components/BookmarkItem.tsx
@@ -79,9 +79,20 @@ export const BookmarkItem: React.FC<BookmarkItemProps> = ({ bookmark, index, onS
 
   // Compact view rendering
   if (viewMode === 'compact') {
+    const handleCompactClick = () => {
+      if (hasUrls && onSelectUrl) {
+        onSelectUrl(extractedUrls[0])
+      }
+    }
+
     return (
       <div key={`${bookmark.id}-${index}`} className={`individual-bookmark compact ${bookmark.isPrivate ? 'private-bookmark' : ''}`}>
-        <div className="compact-row">
+        <div 
+          className={`compact-row ${hasUrls ? 'clickable' : ''}`}
+          onClick={handleCompactClick}
+          role={hasUrls ? 'button' : undefined}
+          tabIndex={hasUrls ? 0 : undefined}
+        >
           <span className="bookmark-type-compact">
             {bookmark.isPrivate ? (
               <>
@@ -101,7 +112,7 @@ export const BookmarkItem: React.FC<BookmarkItemProps> = ({ bookmark, index, onS
           {hasUrls && (
             <button
               className="compact-read-btn"
-              onClick={(e) => { e.preventDefault(); onSelectUrl?.(extractedUrls[0]) }}
+              onClick={(e) => { e.stopPropagation(); onSelectUrl?.(extractedUrls[0]) }}
               title={firstUrlClassification?.buttonText}
             >
               <FontAwesomeIcon icon={getIconForUrlType(extractedUrls[0])} />
diff --git a/src/index.css b/src/index.css
index 9ae9d1dc..f8529fa2 100644
--- a/src/index.css
+++ b/src/index.css
@@ -643,6 +643,14 @@ body {
   height: 28px;
 }
 
+.compact-row.clickable {
+  cursor: pointer;
+}
+
+.compact-row.clickable:active {
+  opacity: 0.8;
+}
+
 .bookmark-type-compact {
   display: flex;
   align-items: center;
