From 00e951f708f2878a61d8e04db1556444ba434a23 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 11 Sep 2023 14:48:56 +0200
Subject: [PATCH] docs(SelectMenu): improve default slot example

---
 docs/components/content/examples/SelectMenuExampleButton.vue | 2 +-
 docs/content/3.forms/4.select-menu.md                        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/components/content/examples/SelectMenuExampleButton.vue b/docs/components/content/examples/SelectMenuExampleButton.vue
index bb43c9f2..a588ac54 100644
--- a/docs/components/content/examples/SelectMenuExampleButton.vue
+++ b/docs/components/content/examples/SelectMenuExampleButton.vue
@@ -6,7 +6,7 @@ const selected = ref(people[3])
 
 <template>
   <USelectMenu v-slot="{ open }" v-model="selected" :options="people">
-    <UButton color="gray">
+    <UButton color="gray" class="flex-1 justify-between">
       {{ selected }}
 
       <UIcon name="i-heroicons-chevron-right-20-solid" class="w-5 h-5 transition-transform text-gray-400 dark:text-gray-500" :class="[open && 'transform rotate-90']" />
diff --git a/docs/content/3.forms/4.select-menu.md b/docs/content/3.forms/4.select-menu.md
index 5ee86d70..6e34d797 100644
--- a/docs/content/3.forms/4.select-menu.md
+++ b/docs/content/3.forms/4.select-menu.md
@@ -375,7 +375,7 @@ const selected = ref(people[3])
 
 <template>
   <USelectMenu v-slot="{ open }" v-model="selected" :options="people">
-    <UButton color="gray">
+    <UButton color="gray" class="flex-1 justify-between">
       {{ selected }}
 
       <UIcon name="i-heroicons-chevron-right-20-solid" class="w-5 h-5 transition-transform" :class="[open && 'transform rotate-90']" />