diff --git a/frontend/src/assets/styles/index.scss b/frontend/src/assets/styles/index.scss
index e582f8c119..fa5ce80aa6 100644
--- a/frontend/src/assets/styles/index.scss
+++ b/frontend/src/assets/styles/index.scss
@@ -20,3 +20,8 @@
.fade-in.active {
opacity: 1;
}
+
+.categorycard:hover > svg *,
+.categorycard:hover {
+ fill: #d73f3f;
+}
diff --git a/frontend/src/components/projectDetail/downloadOsmData.js b/frontend/src/components/projectDetail/downloadOsmData.js
index 24779a9484..33d308bba1 100644
--- a/frontend/src/components/projectDetail/downloadOsmData.js
+++ b/frontend/src/components/projectDetail/downloadOsmData.js
@@ -210,14 +210,10 @@ export const DownloadOsmData = ({ projectMappingTypes, project }) => {
typ,
)
}
- className="flex flex-row items-center pointer link hover-red color-inherit"
+ className="flex flex-row items-center pointer link hover-red color-inherit categorycard"
style={{ gap: '10px' }}
>
-
{typ}
))} diff --git a/frontend/src/components/svgIcons/download.js b/frontend/src/components/svgIcons/download.js index bf33896801..61d0399042 100644 --- a/frontend/src/components/svgIcons/download.js +++ b/frontend/src/components/svgIcons/download.js @@ -8,11 +8,11 @@ export class DownloadIcon extends React.PureComponent { height="16" width="16" viewBox="0 0 512 512" + fill="#000" {...this.props} >