From 792afe3b46eabd10c6fb71c8cb3d3054c5aa678d Mon Sep 17 00:00:00 2001
From: Mark IJbema <mark@kilocode.ai>
Date: Tue, 17 Mar 2026 11:58:27 +0100
Subject: [PATCH] fix(vscode): keep card title color neutral with underline on
 hover

---
 .../webview-ui/src/components/marketplace/ItemCard.tsx    | 2 +-
 .../webview-ui/src/components/marketplace/marketplace.css | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/kilo-vscode/webview-ui/src/components/marketplace/ItemCard.tsx b/packages/kilo-vscode/webview-ui/src/components/marketplace/ItemCard.tsx
index 2c18fee39a8..004367e2256 100644
--- a/packages/kilo-vscode/webview-ui/src/components/marketplace/ItemCard.tsx
+++ b/packages/kilo-vscode/webview-ui/src/components/marketplace/ItemCard.tsx
@@ -41,7 +41,7 @@ export const ItemCard = (props: Props) => {
       <div class="marketplace-card-header">
         <div class="marketplace-card-title">
           <Show when={props.linkUrl} fallback={<span class="marketplace-card-name">{name()}</span>}>
-            <span class="marketplace-card-name link" onClick={() => openLink(props.linkUrl!)}>
+            <span class="marketplace-card-name clickable" onClick={() => openLink(props.linkUrl!)}>
               {name()}
             </span>
           </Show>
diff --git a/packages/kilo-vscode/webview-ui/src/components/marketplace/marketplace.css b/packages/kilo-vscode/webview-ui/src/components/marketplace/marketplace.css
index bed5ff5b894..77a7c0d306f 100644
--- a/packages/kilo-vscode/webview-ui/src/components/marketplace/marketplace.css
+++ b/packages/kilo-vscode/webview-ui/src/components/marketplace/marketplace.css
@@ -118,6 +118,14 @@
   color: var(--text-base);
 }
 
+.marketplace-card-name.clickable {
+  cursor: pointer;
+}
+
+.marketplace-card-name.clickable:hover {
+  text-decoration: underline;
+}
+
 .marketplace-card-author {
   font-size: 12px;
   color: var(--text-weak);