diff --git a/packages/theme/src/option.scss b/packages/theme/src/option.scss index e4c25d791..63d0c4edb 100644 --- a/packages/theme/src/option.scss +++ b/packages/theme/src/option.scss @@ -1,5 +1,5 @@ .puik-option { - @apply relative cursor-default select-none py-2 px-2 text-primary-800 transition-colors; + @apply flex place-content-between relative cursor-default select-none p-2 text-primary-800 transition-colors; &--selected { @apply bg-primary-300; } @@ -19,6 +19,6 @@ @apply font-primary font-normal block truncate; } &__selected-icon { - @apply font-materialIcons absolute inset-y-0 right-0 flex items-center w-5 mr-3; + @apply font-materialIcons inset-y-0 right-0 flex items-center w-5 ml-2; } } diff --git a/packages/theme/src/select.scss b/packages/theme/src/select.scss index 688712edd..c7668f7c9 100644 --- a/packages/theme/src/select.scss +++ b/packages/theme/src/select.scss @@ -37,10 +37,10 @@ @apply p-2 truncate; } &__options { - @apply absolute mt-2 rounded bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 + @apply absolute bg-white text-base shadow-lg ring-1 ring-black ring-opacity-5 focus-visible:outline-none sm:text-sm overflow-x-hidden; &--full-width { - @apply w-max; + @apply min-w-full w-max; } } &__options-list {