diff --git a/src/runtime/components/forms/SelectCustom.vue b/src/runtime/components/forms/SelectCustom.vue
index a8548318..0915cdc6 100644
--- a/src/runtime/components/forms/SelectCustom.vue
+++ b/src/runtime/components/forms/SelectCustom.vue
@@ -18,7 +18,7 @@
     </ListboxButton>
 
     <transition leave-active-class="transition ease-in duration-100" leave-from-class="opacity-100" leave-to-class="opacity-0">
-      <ListboxOptions class="absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 u-ring-gray-200 overflow-auto focus:outline-none sm:text-sm">
+      <ListboxOptions :class="listBaseClass">
         <ListboxOption
           v-for="(option, index) in options"
           v-slot="{ active, selected, disabled }"
diff --git a/src/runtime/presets/default.ts b/src/runtime/presets/default.ts
index 0867f9e9..811a6871 100644
--- a/src/runtime/presets/default.ts
+++ b/src/runtime/presets/default.ts
@@ -189,7 +189,7 @@ const selectCustom = {
   ...select,
   base: `${select.base} text-left cursor-default`,
   list: {
-    base: 'absolute z-10 mt-1 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 u-ring-gray-200 overflow-auto focus:outline-none sm:text-sm',
+    base: 'absolute z-10 mt-1 w-full u-bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 u-ring-gray-200 overflow-auto focus:outline-none sm:text-sm',
     option: {
       base: 'cursor-default select-none relative py-2 pl-4 pr-10',
       active: 'text-white bg-primary-600',