From 9ae4bfaff3ea9ba8da58a293c9d7e6767e5801d9 Mon Sep 17 00:00:00 2001
From: Kyle Cox <kshot9000@gmail.com>
Date: Fri, 16 Oct 2026 00:02:19 +0000
Subject: [PATCH] fix(website): pass the CSS-module class to homepage feature
 card links (#323)

The Feature component rendered <Link className="featureCardLinks"> as a
plain string, but .featureCardLinks lives in styles.module.css, so the
emitted class is hashed and the plain string never matches it. The
module's .featureCardLinks:hover { text-decoration: none } rule was
therefore dead and the cards showed the browser link underline on hover.

Pass styles.featureCardLinks instead, like every other class in the
component. Verified against production builds: before, build/index.html
carries class="featureCardLinks" while the built CSS selector is
.featureCardLinks_kdMv:hover (no match); after, the anchors carry
class="featureCardLinks_kdMv", the same hash as the selector.
docusaurus build and tsc --noEmit both pass.
---
 website/src/components/HomepageFeatures/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/src/components/HomepageFeatures/index.tsx b/website/src/components/HomepageFeatures/index.tsx
index 6e2a170c..ea9827df 100644
--- a/website/src/components/HomepageFeatures/index.tsx
+++ b/website/src/components/HomepageFeatures/index.tsx
@@ -55,7 +55,7 @@ const FeatureList: FeatureItem[] = [
 function Feature({ title, description, image, link }: FeatureItem) {
   return (
     <div className={clsx("col col--4")}>
-      <Link className="featureCardLinks" to={link}>
+      <Link className={styles.featureCardLinks} to={link}>
         <div className={styles.featureCard}>
           <div className={styles.featureContent}>
             <div className={styles.featureImageContainer}>