From a4c2bd7278db7a42819865c0aec4d8351609b537 Mon Sep 17 00:00:00 2001
From: Danny Avila <danny@librechat.ai>
Date: Wed, 4 Sep 2024 15:22:41 -0400
Subject: [PATCH] style(Action): improve a11y again

---
 client/src/components/SidePanel/Builder/Action.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/SidePanel/Builder/Action.tsx b/client/src/components/SidePanel/Builder/Action.tsx
index 53b3c9040b..656888a3d7 100644
--- a/client/src/components/SidePanel/Builder/Action.tsx
+++ b/client/src/components/SidePanel/Builder/Action.tsx
@@ -16,7 +16,7 @@ export default function Action({ action, onClick }: { action: Action; onClick: (
           onClick();
         }
       }}
-      className="flex w-full rounded-lg text-sm hover:cursor-pointer focus:outline-none focus:ring-2 focus:ring-text-primary"
+      className="group flex w-full rounded-lg border border-border-medium text-sm hover:cursor-pointer focus:outline-none focus:ring-2 focus:ring-text-primary"
       onMouseEnter={() => setIsHovering(true)}
       onMouseLeave={() => setIsHovering(false)}
       aria-label={`Action for ${action.metadata.domain}`}
@@ -29,7 +29,7 @@ export default function Action({ action, onClick }: { action: Action; onClick: (
       </div>
       <div
         className={cn(
-          'flex h-9 w-9 min-w-9 items-center justify-center rounded-lg transition-colors duration-200 hover:bg-surface-tertiary focus:outline-none focus:ring-2 focus:ring-text-primary',
+          'h-9 w-9 min-w-9 items-center justify-center rounded-lg transition-colors duration-200 hover:bg-surface-tertiary focus:outline-none focus:ring-2 focus:ring-text-primary group-focus:flex',
           isHovering ? 'flex' : 'hidden',
         )}
         aria-label="Settings"