From d080f7e3ac1b8acf1e55b1eab2761f38f55f757e Mon Sep 17 00:00:00 2001
From: Prince Rajpoot <prince.rajpoot.20@gmail.com>
Date: Tue, 10 Oct 2023 15:02:26 +0530
Subject: [PATCH] increase focused border

---
 packages/ui/components/ChipInput.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/components/ChipInput.tsx b/packages/ui/components/ChipInput.tsx
index 047239359..f3d45c694 100644
--- 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}