chore: adjust SelectInputRadio styling

src/components/input/SelectInputRadio.tsx

@@ -21,14 +21,18 @@ const RadioOption = <
 >(
   props: OptionProps<T, IsMulti, Group>
 ) => {
-  const { isSelected, label, innerRef, innerProps, className } = props;
+  const { isSelected, label, innerRef, innerProps, className, isFocused } =
+    props;
 
   return (
     <div
       ref={innerRef}
       {...innerProps}
       className={cn(
-        'flex items-center gap-2 px-3 py-2 cursor-pointer',
+        'flex items-center gap-3 p-3 cursor-pointer transition-all hover:bg-primary/5',
+        {
+          'bg-primary/5': isFocused,
+        },
         className
       )}
     >
@@ -36,9 +40,12 @@ const RadioOption = <
         type='radio'
         checked={isSelected}
         onChange={() => null}
-        className='radio radio-sm radio-primary pointer-events-none'
+        className='radio radio-md radio-primary pointer-events-none'
       />
-      <label className='cursor-pointer flex-1 select-none'>{label}</label>
+
+      <label className='cursor-pointer flex-1 select-none text-sm text-base-content/50 font-medium'>
+        {label}
+      </label>
     </div>
   );
 };