Fix styles

Update blob styles.

categories/web/blob/react/src/components/FileSelectBox/index.tsx

@@ -441,12 +441,12 @@ export const FileSelectBox = React.forwardRef<FileSelectBoxDerivedElement, FileS
     >
 			<div
 				className={tw(
-					'min-w-64 w-full overflow-hidden min-h-16 relative pt-4 rounded-inherit',
+					'overflow-hidden min-h-16 relative pt-4 rounded-inherit',
 					{
 						'h-4': clientSide,
 						'h-16': !clientSide,
-						'min-w-64': !block,
-						'min-w-full': block,
+						'min-w-64 w-64': !block,
+						'min-w-full w-full': block,
 						'resize-y': block && resizable,
 						'resize': !block && resizable,
 						'pb-4': clientSide && filesCount > 0,

categories/web/choice/react/src/components/DropdownSelect/index.tsx

@@ -69,6 +69,8 @@ export const dropdownSelectPlugin: tailwind.PluginCreator = ({ addComponents })
   });
 };
 
+// todo remove bg-negative
+
 /**
  * Component for selecting a single value from a dropdown.
  */

categories/web/choice/react/src/components/MenuSelect/index.tsx

@@ -59,6 +59,9 @@ export interface MenuSelectProps extends Omit<React.HTMLProps<MenuSelectDerivedE
 	resizable?: boolean,
 }
 
+// TODO hide scrollbar
+// TODO apply same styles to menumultiselect
+
 export const menuSelectPlugin: tailwind.PluginCreator = ({ addComponents }) => {
   addComponents({
     '.menu-select': {

categories/web/choice/react/src/components/RadioButton/index.tsx

@@ -97,9 +97,9 @@ export const RadioButton = React.forwardRef<RadioButtonDerivedElement, RadioButt
         className={tw(
           'items-center justify-start rounded overflow-hidden ring-secondary/50 leading-none select-none cursor-pointer relative',
           'peer-focus:outline-0 peer-focus:ring-4 peer-focus:ring-secondary/50',
-          'active:ring-tertiary/50 active:ring-4',
+          'active:ring-tertiary/50 active:ring-4 active:text-tertiary',
           'peer-disabled:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:ring-0',
-					'text-primary focus:text-secondary active:text-tertiary',
+					'text-primary peer-checked:text-tertiary peer-focus:text-secondary peer-active:text-tertiary',
           {
             'flex w-full': block,
             'inline-flex max-w-full align-middle': !block,