fix: change in styles

Author: arielsrodriguez

src/components/Form/Input/WrapperInput.tsx

@@ -56,7 +56,7 @@ const WrapperInput = forwardRef<HTMLDivElement, WrapperInputProps>(
         classNameAdornment
       ),
       container: composeClasses(
-        'gap-3 placeholder-gray-400 mt-1 flex items-center justify-between  bg-transparent font-medium',
+        'gap-3 placeholder-gray-400 mt-1 flex items-center justify-between bg-transparent font-medium',
         'border-solid border',
         'transition duration-500 ease-out focus:ease-in',
         !isDisabled && !isCell && `hover:shadow-${boxShadow} hover:border-info`,

src/components/Form/SingleSelect.tsx

@@ -97,7 +97,8 @@ function SingleSelect({
       classNameAdornment
     ),
     container: composeClasses(
-      'relative placeholder-gray-400 flex items-center justify-between font-medium gap-3 cursor-pointer h-10 bg-white',
+      'relative placeholder-gray-400 flex items-center justify-between font-medium gap-3 cursor-pointer h-10',
+      lightOption ? 'bg-white' : 'bg-transparent',
       'border-solid border rounded-lg px-4',
       'transition duration-500 ease-out focus:ease-in border-gray-300',
       !isDisabled && !isOpen && `hover:shadow-lg hover:border-info`,
@@ -214,10 +215,7 @@ function SingleSelect({
         <Transition className="w-full absolute z-50">
           <div
             role="dropdown"
-            className={composeClasses(
-              lightOption ? 'bg-white' : 'bg-transparent',
-              'relative left-0 z-50 w-full overflow-y-auto top-1 rounded-lg shadow-lg'
-            )}
+            className="relative left-0 z-50 w-full overflow-y-auto top-1 rounded-lg shadow-lg bg-white"
             style={{
               ...getAnimationStyle(isOpen),
               border: '1px solid #F9FAFB'