fix(FE): fixing dashboard select input UI component

src/components/input/SelectInput.tsx

@@ -312,6 +312,12 @@ const SelectInput = <T extends OptionType>(props: SelectInputProps<T>) => {
         }
         styles={{
           menuPortal: (base) => ({ ...base, zIndex: 9999 }),
+          multiValue(base) {
+            return {
+              ...base,
+              borderRadius: '8px',
+            };
+          },
         }}
         onMenuScrollToBottom={onMenuScrollToBottom}
       />

src/components/input/SelectInputCheckbox.tsx

@@ -40,7 +40,7 @@ const CheckboxOption = <
         type='checkbox'
         checked={isSelected}
         onChange={() => null}
-        className='checkbox checkbox-sm checkbox-primary pointer-events-none'
+        className='checkbox checkbox-sm rounded checkbox-primary pointer-events-none'
       />
       <label className='cursor-pointer flex-1 select-none'>{label}</label>
     </div>