diff --git a/src/runtime/components/BitinflowButton.vue b/src/runtime/components/BitinflowButton.vue
index 97c6707..e0a71da 100644
--- a/src/runtime/components/BitinflowButton.vue
+++ b/src/runtime/components/BitinflowButton.vue
@@ -76,7 +76,7 @@ export default {
   @apply bg-primary-500 hover:bg-primary-400 dark:bg-primary-500 dark:hover:bg-primary-600 text-black dark:text-white;
 }
 .base-solid {
-  @apply hover:bg-zinc-100 dark:bg-base-700 dark:hover:bg-base-600 text-black dark:text-white;
+  @apply bg-white hover:bg-zinc-100 dark:bg-base-700 dark:hover:bg-base-600 text-black dark:text-white;
 }
 .danger-solid {
   @apply bg-rose-600 hover:bg-rose-400 dark:bg-rose-500 dark:hover:bg-rose-600 text-black dark:text-white;
diff --git a/src/runtime/components/BitinflowSelectBoxGroup.vue b/src/runtime/components/BitinflowSelectBoxGroup.vue
index 77a0fd1..9a2251f 100644
--- a/src/runtime/components/BitinflowSelectBoxGroup.vue
+++ b/src/runtime/components/BitinflowSelectBoxGroup.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="grid grid-cols-5 gap-4 text-center">
+  <div class="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-5 gap-4 text-center">
     <slot />
   </div>
 </template>