From c6296980b40eb2867fe93bc420004f7a9aa98535 Mon Sep 17 00:00:00 2001
From: mirnawong1 <mirna.wong@fishtownanalytics.com>
Date: Wed, 3 Jan 2024 16:08:20 -0500
Subject: [PATCH] remove underline

---
 website/src/components/faqs/index.js          | 2 +-
 website/src/components/faqs/styles.module.css | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/website/src/components/faqs/index.js b/website/src/components/faqs/index.js
index 58b59227cfb..0741a29cd89 100644
--- a/website/src/components/faqs/index.js
+++ b/website/src/components/faqs/index.js
@@ -69,7 +69,7 @@ function FAQ({ path, alt_header = null }) {
     <div className={styles.faqs} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>
       <span className={styles.link} onClick={toggleOn}>
         <span className={styles.toggle} style={{ transform: isOn ? 'rotateX(0deg)' : 'rotateX(180deg)' }}></span>
-        &nbsp;{alt_header || (fileContent?.meta && fileContent.meta.title)}
+        <span className={styles.headerText}>{alt_header || (fileContent?.meta && fileContent.meta.title)}</span>
         <small className={styles.disclaimer}>Hover to view</small>
       </span>
       <div style={{ display: isOn ? 'block' : 'none' }} className={styles.body}>
diff --git a/website/src/components/faqs/styles.module.css b/website/src/components/faqs/styles.module.css
index 9ce7d4d8a40..c179aa85cdc 100644
--- a/website/src/components/faqs/styles.module.css
+++ b/website/src/components/faqs/styles.module.css
@@ -1,9 +1,12 @@
 
-:local(.link) {
+:local(.link) :local(.headerText) {
     color: var(--ifm-link-color);
+    text-decoration: none;
+    transition: text-decoration 0.3s; /* Smooth transition */
 }
 
-:local(.link:hover) {
+:local(.link:hover) :local(.headerText),
+:local(.link:focus) :local(.headerText) {
     text-decoration: underline;
     cursor: pointer;
 }
@@ -28,6 +31,7 @@
     font-size: 0.8em;
     color: #666;
     margin-left: 10px; /* Adjust as needed */
+    text-decoration: none;
 }
 
 :local(.body) {