From 8f603d1a5dae1f161187c9ede4c2cd517029f7ca Mon Sep 17 00:00:00 2001
From: Caio Cabral <ocaiocabral@gmail.com>
Date: Fri, 1 Nov 2024 18:35:30 -0400
Subject: [PATCH] feat: allow focus ring on action buttons within inputs

---
 Client/src/Components/Inputs/Field/index.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/Client/src/Components/Inputs/Field/index.jsx b/Client/src/Components/Inputs/Field/index.jsx
index dfcdb5920..4ead8a705 100644
--- a/Client/src/Components/Inputs/Field/index.jsx
+++ b/Client/src/Components/Inputs/Field/index.jsx
@@ -166,12 +166,12 @@ const Field = forwardRef(
 								<IconButton
 									aria-label="toggle password visibility"
 									onClick={() => setVisible((show) => !show)}
-									tabIndex={-1}
 									sx={{
 										color: theme.palette.border.dark,
 										padding: theme.spacing(1),
-										"&:focus": {
-											outline: "none",
+										"&:focus-visible": {
+											outline: `2px solid ${theme.palette.primary.main}`,
+											outlineOffset: `2px`,
 										},
 										"& .MuiTouchRipple-root": {
 											pointerEvents: "none",