From 9349c36d9e15e57580fb1e92ebf74af53c8a2e4f Mon Sep 17 00:00:00 2001
From: Mike Lebeau <mike.lebeau@prestashop.com>
Date: Thu, 26 Oct 2023 16:26:35 +0200
Subject: [PATCH] fix: fix some issues with select component

---
 packages/theme/src/option.scss | 4 ++--
 packages/theme/src/select.scss | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/theme/src/option.scss b/packages/theme/src/option.scss
index e4c25d79..63d0c4ed 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 688712ed..e7a22223 100644
--- a/packages/theme/src/select.scss
+++ b/packages/theme/src/select.scss
@@ -31,16 +31,16 @@
     @apply pointer-events-none absolute inset-y-0 right-0 flex items-center pr-4 select-none;
   }
   &__search {
-    @apply px-2 mb-1;
+    @apply px-1 my-1;
   }
   &__no-results {
     @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 {