From 00d91c1c0513deaa1649d1b0871acde9c1560cde Mon Sep 17 00:00:00 2001
From: Franck Gaudin <franck.gaudin@workleap.com>
Date: Mon, 4 Dec 2023 09:01:52 -0500
Subject: [PATCH] fix(radio): hover display for a selected radio

---
 .changeset/silver-ghosts-bake.md | 5 +++++
 packages/Radio/src/radio.scss    | 5 +----
 2 files changed, 6 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/silver-ghosts-bake.md

diff --git a/.changeset/silver-ghosts-bake.md b/.changeset/silver-ghosts-bake.md
new file mode 100644
index 00000000..b2f3a7e0
--- /dev/null
+++ b/.changeset/silver-ghosts-bake.md
@@ -0,0 +1,5 @@
+---
+"@igloo-ui/radio": patch
+---
+
+fix the problem of displaying the hover of a selected radio
diff --git a/packages/Radio/src/radio.scss b/packages/Radio/src/radio.scss
index 6ec0a2d5..46ffb713 100644
--- a/packages/Radio/src/radio.scss
+++ b/packages/Radio/src/radio.scss
@@ -51,11 +51,9 @@
     --ids-radio-border-checked: var(--hop-neutral-border-active);
     --ids-radio-border-checked-hover: var(--hop-neutral-border-active);
     --ids-radio-background: var(--hop-neutral-surface);
-    --ids-radio-background-hover: var(--hop-neutral-surface-hover);
     --ids-radio-background-disabled: var(--hop-neutral-surface-disabled);
     --ids-radio-background-disabled-checked: var(--hop-neutral-surface-disabled);
     --ids-radio-background-checked: var(--hop-neutral-surface-active);
-    --ids-radio-check-background-checked-hover: var(--hop-neutral-icon-hover)
 }
 
 %radio {
@@ -121,14 +119,13 @@
 
     &:hover {
         border-color: var(--ids-radio-border-hover);
-        background-color: var(--ids-radio-background-hover, var(--ids-radio-background))
     }
 
     &:checked:hover {
         border-color: var(--ids-radio-border-checked-hover, var(--ids-radio-border-hover)) ;
 
         &::after {
-            background: var(--ids-radio-check-background-checked-hover, var(--ids-radio-background));
+            background: var(--ids-radio-background);
         }
     }