Description
Describe
Currently, the component in Care UI displays a double border when in a focused state. This appears visually inconsistent and could likely be improved to a cleaner single-border focus style.
Note
It is unclear whether this is an intended design decision or an unintended style issue. Clarification or enhancement may be needed.
To Reproduce
Steps to observe the issue:
1. Open any form or screen using the component in the Care interface.
2. Focus on the input field.
3. Observe the border styling.
Screenshots
Double border shown on focus:
Screen.Recording.2025-06-25.at.2.37.30.PM.mov
🚨 DO NOT EDIT BELOW THIS LINE 🚨
Instructions for Requesting Assignment:
To request assignment, please clearly outline your solution and timeline by commenting on the issue using the format below:
Describe your solution clearly:
Explain how you plan to resolve the issue. For example:
• Override default focus styles in Tailwind with focus-visible:outline-none and use a consistent border-* utility.
• Audit all usages of to ensure consistency.
Expected Timeline:
• End date: [Expected PR completion date]
Additional Context:
Include any references, design tokens, or visual specs that might guide the implementation.
🚨 Your assignment may be unassigned if there is no activity or update within the stated timeline unless communicated clearly.
Metadata
Metadata
Assignees
Type
Projects
Status