From cbb6308c41137e1054a0bcb3179fe1c8fbdd4188 Mon Sep 17 00:00:00 2001
From: arimieandreea <arimie_andreea@yahoo.com>
Date: Fri, 29 May 2026 16:09:46 +0300
Subject: [PATCH] fix(multiple-choice): change keyboard focus indicator PIE-104

---
 packages/multiple-choice/src/choice-input.jsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/multiple-choice/src/choice-input.jsx b/packages/multiple-choice/src/choice-input.jsx
index 6b78a59078..751146234e 100644
--- a/packages/multiple-choice/src/choice-input.jsx
+++ b/packages/multiple-choice/src/choice-input.jsx
@@ -98,12 +98,12 @@ const getInputStyles = (correctness) => {
       pointerEvents: 'initial !important',
     },
     focusVisibleUnchecked: {
-      outline: `2px solid ${color.focusUncheckedBorder()}`,
-      backgroundColor: color.focusUnchecked(),
+      outline: `2px solid ${color.keyBoardFocusIndicator()}`,
+      backgroundColor: 'transparent',
     },
     focusVisibleChecked: {
-      outline: `2px solid ${color.focusCheckedBorder()}`,
-      backgroundColor: color.focusChecked(),
+      outline: `2px solid ${color.keyBoardFocusIndicator()}`,
+      backgroundColor: 'transparent',
     },
   };
 };
@@ -158,6 +158,7 @@ const StyledRadioBase = styled(Radio, {
       '&.Mui-disabled': correctness ? {} : styles[key('disabled')],
     },
     '&.Mui-focusVisible': {
+      '& input': { outline: 0 },
       '&:not(.Mui-checked)': styles.focusVisibleUnchecked,
       '&.Mui-checked': styles.focusVisibleChecked,
     },