increase focused border

asyncapi · Oct 10, 2023 · d080f7e · d080f7e
1 parent fef44ca
commit d080f7e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/ui/components/ChipInput.tsx b/packages/ui/components/ChipInput.tsx
@@ -54,8 +54,8 @@ export const ChipInput: FunctionComponent<ChipInputProps> = ({
       {chips.map((chip, index) => (
         <div 
           key={chip} 
-          className="m-1 bg-gray-100 text-gray-900 rounded px-2 py-1 flex items-center border border-gray-400 focus:border-blue-500 focus:outline"
-          style={{ height: '28px', borderWidth: '0.5px', borderStyle: 'solid' }}
+          className="m-1 bg-gray-100 text-gray-900 rounded px-2 py-1 flex items-center border border-gray-400 focus:border-blue-500 focus:border-2 focus:outline-none"
+          style={{ height: '28px', borderStyle: 'solid' }}
           tabIndex={0} 
           onKeyDown={handleChipKeyDown(index)}
           ref={index === 0 ? firstChipRef : undefined}