Fix download button color (#771)

transitmatters · Jul 15, 2023 · 799fba0 · 799fba0
1 parent f59acc3
commit 799fba0
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/common/components/buttons/DownloadButton.tsx b/common/components/buttons/DownloadButton.tsx
@@ -60,17 +60,17 @@ export const DownloadButton: React.FC<DownloadButtonProps> = ({
 }) => {
   const { line } = useDelimitatedRoute();
   return (
-    <div
-      className={classNames('flex', line && lineColorTextHover[line])}
-      title="Download data as CSV"
-    >
+    <div className={classNames('flex')} title="Download data as CSV">
       <CSVLink
         className={'csv-link'}
         data={data}
         title={'Download data as CSV'}
         filename={filename(datasetName, location, bothStops, startDate, endDate)}
       >
-        <FontAwesomeIcon icon={faFileArrowDown} className="text-stone-600" />
+        <FontAwesomeIcon
+          icon={faFileArrowDown}
+          className={classNames('text-stone-600', line && lineColorTextHover[line])}
+        />
       </CSVLink>
     </div>
   );