diff --git a/components/Common/Select/index.module.css b/components/Common/Select/index.module.css index da0df2bd0084..ff538aad85dd 100644 --- a/components/Common/Select/index.module.css +++ b/components/Common/Select/index.module.css @@ -86,18 +86,26 @@ dark:data-[highlighted]:bg-green-600; } - .text span { + .text > span { @apply flex items-center gap-2; } + .text > span > span { + @apply truncate; + } + .label { @apply text-neutral-600 dark:text-neutral-400; } } +.dropdown:has(.label) .text > span > span { + @apply pl-3; +} + .inline { .trigger { @apply h-auto diff --git a/components/Common/Select/index.tsx b/components/Common/Select/index.tsx index 69fd9d2e85e3..6e9700b57680 100644 --- a/components/Common/Select/index.tsx +++ b/components/Common/Select/index.tsx @@ -111,7 +111,7 @@ const Select: FC = ({ > {iconImage} - {label} + {label} ))}