fix :focus ring in EditableEntityName

appsmithorg · Jan 31, 2025 · e6a4968 · e6a4968
1 parent 9b5c755
commit e6a4968
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/app/client/packages/design-system/ads/src/Text/Text.styles.tsx b/app/client/packages/design-system/ads/src/Text/Text.styles.tsx
@@ -190,7 +190,6 @@ export const StyledEditableInput = styled.input`
   background-color: transparent;
   border: 1px solid transparent;
   border-radius: var(--ads-v2-border-radius);
-  outline: none;
   margin: 0;
   position: absolute;
   top: -3px;
@@ -205,9 +204,9 @@ export const StyledEditableInput = styled.input`
     border-color: var(--ads-v2-colors-control-field-active-border);
   }
 
-  &:focus-visible {
+  &:focus {
     outline: var(--ads-v2-border-width-outline) solid
-      var(--ads-v2-color-outline);
-    outline-offset: var(--ads-v2-offset-outline);
+      var(--ads-v2-color-outline) !important;
+    outline-offset: var(--ads-v2-offset-outline) !important;
   }
 `;