diff --git a/src/app/globals.css b/src/app/globals.css
index 8f2e8b5..aa49116 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -784,6 +784,19 @@ html {
   line-height: 1;
 }
 
+/* "View raw repo in the explorer →" link on the profile preview card.
+   Class-based hover so the host (ProfilePreview) can stay a Server
+   Component — inline onMouseEnter/Leave would be a function prop on
+   <Link>, which RSC refuses to serialize. */
+.profile-explorer-link {
+  color: var(--text-tertiary);
+  transition: color 0.2s ease;
+}
+
+.profile-explorer-link:hover {
+  color: var(--text-accent);
+}
+
 /* Skeleton Loading Styles */
 .skeleton-shimmer {
   position: relative;
diff --git a/src/components/ProfilePreview.tsx b/src/components/ProfilePreview.tsx
index 8c3fde1..6b06a77 100644
--- a/src/components/ProfilePreview.tsx
+++ b/src/components/ProfilePreview.tsx
@@ -240,19 +240,12 @@ export default function ProfilePreview({ profile }: ProfilePreviewProps) {
         >
           <Link
             href={`/explore/${encodeRepo(handle)}`}
+            className="profile-explorer-link"
             style={{
               display: 'inline-flex',
               alignItems: 'center',
               gap: '0.4rem',
-              color: 'var(--text-tertiary)',
               textDecoration: 'none',
-              transition: 'color 0.2s ease',
-            }}
-            onMouseEnter={(e) => {
-              e.currentTarget.style.color = 'var(--text-accent)';
-            }}
-            onMouseLeave={(e) => {
-              e.currentTarget.style.color = 'var(--text-tertiary)';
             }}
           >
             <Telescope size={12} />