From 95b478e5e622563e81863a40ee576cde92c77be9 Mon Sep 17 00:00:00 2001
From: Hsu Zhong Jun <27919917+dcshzj@users.noreply.github.com>
Date: Thu, 7 Sep 2023 15:19:40 +0800
Subject: [PATCH] fix(editable): hover and focus states for title text (#1484)

---
 src/layouts/components/Editable/Editable.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/layouts/components/Editable/Editable.tsx b/src/layouts/components/Editable/Editable.tsx
index 1fc721996..faa2a913e 100644
--- a/src/layouts/components/Editable/Editable.tsx
+++ b/src/layouts/components/Editable/Editable.tsx
@@ -368,7 +368,7 @@ const DraggableAccordionItem = ({
               <Flex
                 pt={isNested ? "0.375rem" : "1.88rem"}
                 pb={!isExpanded && !isNested ? "0.88rem" : "0rem"}
-                role="group"
+                data-group
                 _hover={{
                   bgColor: getDraggableAccordionItemStyle({
                     item: "hover-bgColor",
@@ -433,6 +433,9 @@ const DraggableAccordionItem = ({
                         isInvalid,
                       }),
                     }}
+                    _groupFocus={{
+                      color: "base.content.strong",
+                    }}
                   >
                     {title}
                   </Text>