From be6736f5df5ada8bcaaea4f2ea04b88f40692ccf Mon Sep 17 00:00:00 2001
From: Tom <20648924+moT01@users.noreply.github.com>
Date: Mon, 6 Jan 2025 09:17:03 -0600
Subject: [PATCH] fix(client): cursor on privacy settings (#57915)

---
 client/src/components/settings/toggle-radio-setting.tsx | 4 ++--
 client/src/components/settings/toggle-setting.css       | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/client/src/components/settings/toggle-radio-setting.tsx b/client/src/components/settings/toggle-radio-setting.tsx
index bf0db5866a3..59002521eef 100644
--- a/client/src/components/settings/toggle-radio-setting.tsx
+++ b/client/src/components/settings/toggle-radio-setting.tsx
@@ -40,7 +40,7 @@ export default function ToggleRadioSetting({
         {explain ? <p id={`desc${flagName}`}>{explain}</p> : null}
       </div>
       <div className='toggle-radio-group'>
-        <label htmlFor={firstRadioId}>
+        <label className={!flag ? 'not-checked' : ''} htmlFor={firstRadioId}>
           <input
             id={firstRadioId}
             type='radio'
@@ -52,7 +52,7 @@ export default function ToggleRadioSetting({
           <span className='custom-circle'></span>
           <span>{onLabel}</span>
         </label>
-        <label htmlFor={secondRadioId}>
+        <label className={flag ? 'not-checked' : ''} htmlFor={secondRadioId}>
           <input
             id={secondRadioId}
             type='radio'
diff --git a/client/src/components/settings/toggle-setting.css b/client/src/components/settings/toggle-setting.css
index b93cc77cf6d..ce460067194 100644
--- a/client/src/components/settings/toggle-setting.css
+++ b/client/src/components/settings/toggle-setting.css
@@ -75,6 +75,10 @@
   margin-inline-start: 2rem;
 }
 
+.toggle-radio-group label.not-checked {
+  cursor: pointer;
+}
+
 .toggle-radio-group input {
   position: absolute;
   left: -9999px;