diff --git a/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.theme.ts b/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.theme.ts index e5b8685e..17f28bdd 100644 --- a/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.theme.ts +++ b/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.theme.ts @@ -12,7 +12,7 @@ export const userSelectItemTheme = tv({ 'cursor-pointer', ], content: ['flex', 'gap-3', 'items-center'], - img: ['h-5', 'w-5'], + img: ['h-10', 'w-10', 'rounded-lg'], selectedIcon: ['h-5', 'w-5', 'text-controls-primary'], label: ['text-sm', 'text-elements-high-em', 'tracking-[-0.006em]'], }, diff --git a/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx b/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx index 9684bc9a..861ca13f 100644 --- a/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx +++ b/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx @@ -32,14 +32,10 @@ const UserSelectItem = forwardRef( ({ className, selected, hovered, option, ...props }, ref) => { const theme = userSelectItemTheme(); - const { value, label, imgSrc } = option; + const { value, label, imgSrc = './logo.svg' } = option; const renderLeftImage = useMemo( - () => ( -
- {`${value}-logo`} -
- ), + () => {`${value}-logo`}, [imgSrc, value], );