From b9f5ded486abce9c3df4205889eb81669a0c123d Mon Sep 17 00:00:00 2001
From: Jen Jones Arnesen <jennifer@dhis2.org>
Date: Tue, 14 Jan 2025 13:19:41 +0100
Subject: [PATCH] chore: add hover color to button to highlight it

---
 src/pages/edit/ItemSelector/ContentMenuItem.js           | 2 +-
 .../edit/ItemSelector/styles/ContentMenuItem.module.css  | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/pages/edit/ItemSelector/ContentMenuItem.js b/src/pages/edit/ItemSelector/ContentMenuItem.js
index b71b1630f..8d790fb36 100644
--- a/src/pages/edit/ItemSelector/ContentMenuItem.js
+++ b/src/pages/edit/ItemSelector/ContentMenuItem.js
@@ -17,7 +17,7 @@ const LaunchLink = ({ url }) => {
             className={classes.launchLinkButton}
             aria-label={i18n.t('Open visualization in new tab')}
         >
-            <IconLaunch16 color={colors.grey700} />
+            <IconLaunch16 />
         </button>
     )
 }
diff --git a/src/pages/edit/ItemSelector/styles/ContentMenuItem.module.css b/src/pages/edit/ItemSelector/styles/ContentMenuItem.module.css
index c874bcae6..94cc20a57 100644
--- a/src/pages/edit/ItemSelector/styles/ContentMenuItem.module.css
+++ b/src/pages/edit/ItemSelector/styles/ContentMenuItem.module.css
@@ -5,12 +5,11 @@
 }
 
 .launchLinkButton {
+    all: unset;
     display: flex;
     margin-inline-start: 8px;
     z-index: 10000;
-    border: none;
-    background-color: transparent;
-    padding: 0;
+    color: var(--colors-grey600);
 }
 
 .label {
@@ -39,3 +38,7 @@ li .buttonInsert {
 .buttonInsert:focus {
     outline: none;
 }
+
+.launchLinkButton:hover {
+    color: var(--colors-grey900);
+}