From c6295eac9513c8d234f18fb175eb6bafb4e9770d Mon Sep 17 00:00:00 2001
From: hlomzik <hlomzik@gmail.com>
Date: Thu, 16 Nov 2023 16:16:07 +0000
Subject: [PATCH] fix: LEAP-208: Make Labeling Settings clickable (#1566)

Expand clickable area by using `label` tag.

Co-authored-by: hlomzik <hlomzik@users.noreply.github.com>
---
 src/components/Settings/Settings.js   | 2 +-
 src/components/Settings/Settings.styl | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Settings/Settings.js b/src/components/Settings/Settings.js
index c62930d6ae..840f82d355 100644
--- a/src/components/Settings/Settings.js
+++ b/src/components/Settings/Settings.js
@@ -82,7 +82,7 @@ const GeneralSettings = observer(({ store }) => {
     <Block name="settings" mod={newUI}>
       {editorSettingsKeys.map((obj, index) => {
         return (
-          <Elem name="field" key={index}>
+          <Elem name="field" tag="label" key={index}>
             {isFF(FF_DEV_3873) ? (
               <>
                 <Block name="settings__label">
diff --git a/src/components/Settings/Settings.styl b/src/components/Settings/Settings.styl
index 3bf2ff098e..bf41efe5ac 100644
--- a/src/components/Settings/Settings.styl
+++ b/src/components/Settings/Settings.styl
@@ -16,6 +16,7 @@ $settings__title
   .settings__field
     display flex
     align-items flex-start
+    cursor pointer
   .settings__field + .settings__field
     margin-top 16px
   .settings__label