diff --git a/docs/components/content/examples/CommandPaletteExampleBasic.vue b/docs/components/content/examples/CommandPaletteExampleBasic.vue
index c98aa29e..e69d250e 100644
--- a/docs/components/content/examples/CommandPaletteExampleBasic.vue
+++ b/docs/components/content/examples/CommandPaletteExampleBasic.vue
@@ -20,7 +20,8 @@ const selected = ref([people[3]])
     v-model="selected"
     multiple
     nullable
+    :autoselect="false"
     :groups="[{ key: 'people', commands: people }]"
-    :fuse="{ resultLimit: 6 }"
+    :fuse="{ resultLimit: 6, fuseOptions: { threshold: 0.1 } }"
   />
 </template>
diff --git a/docs/components/content/examples/CommandPaletteExampleGroups.vue b/docs/components/content/examples/CommandPaletteExampleGroups.vue
index bfeab645..b6de28db 100644
--- a/docs/components/content/examples/CommandPaletteExampleGroups.vue
+++ b/docs/components/content/examples/CommandPaletteExampleGroups.vue
@@ -42,5 +42,5 @@ function onSelect (option) {
 </script>
 
 <template>
-  <UCommandPalette ref="commandPaletteRef" :groups="groups" @update:model-value="onSelect" />
+  <UCommandPalette ref="commandPaletteRef" :groups="groups" :autoselect="false" @update:model-value="onSelect" />
 </template>
diff --git a/docs/components/content/themes/CommandPaletteThemeAlgolia.vue b/docs/components/content/themes/CommandPaletteThemeAlgolia.vue
index 7cf8b6c4..9d2d2497 100644
--- a/docs/components/content/themes/CommandPaletteThemeAlgolia.vue
+++ b/docs/components/content/themes/CommandPaletteThemeAlgolia.vue
@@ -24,8 +24,14 @@ const ui = {
   wrapper: 'flex flex-col flex-1 min-h-0 bg-gray-50 dark:bg-gray-800',
   input: {
     wrapper: 'relative flex items-center mx-3 py-3',
-    base: 'w-full rounded border-2 border-primary-500 placeholder-gray-400 dark:placeholder-gray-500 focus:border-primary-500 focus:outline-none focus:ring-0 h-14 text-lg bg-white dark:bg-gray-900',
-    icon: 'pointer-events-none absolute left-3 h-6 w-6 text-primary-500 dark:text-primary-400'
+    base: 'w-full rounded border-2 border-primary-500 placeholder-gray-400 dark:placeholder-gray-500 focus:border-primary-500 focus:outline-none focus:ring-0 bg-white dark:bg-gray-900',
+    padding: 'px-4',
+    height: 'h-14',
+    size: 'text-lg',
+    icon: {
+      base: 'pointer-events-none absolute left-3 text-primary-500 dark:text-primary-400',
+      size: 'h-6 w-6'
+    }
   },
   group: {
     wrapper: 'p-3 relative',
@@ -60,6 +66,7 @@ const ui = {
     :ui="ui"
     :close="close"
     :empty="empty"
+    :autoselect="false"
     command-attribute="title"
     :fuse="{
       fuseOptions: { keys: ['title', 'category'] },
diff --git a/docs/components/content/themes/CommandPaletteThemeRaycast.vue b/docs/components/content/themes/CommandPaletteThemeRaycast.vue
index 38cec6da..721a8866 100644
--- a/docs/components/content/themes/CommandPaletteThemeRaycast.vue
+++ b/docs/components/content/themes/CommandPaletteThemeRaycast.vue
@@ -53,5 +53,12 @@ const ui = {
 </script>
 
 <template>
-  <UCommandPalette ref="commandPaletteRef" :groups="groups" icon="" :ui="ui" placeholder="Search for apps and commands" />
+  <UCommandPalette
+    ref="commandPaletteRef"
+    :groups="groups"
+    icon=""
+    :ui="ui"
+    :autoselect="false"
+    placeholder="Search for apps and commands"
+  />
 </template>
diff --git a/docs/content/4.navigation/2.command-palette.md b/docs/content/4.navigation/2.command-palette.md
index 59407ba2..b97b4370 100644
--- a/docs/content/4.navigation/2.command-palette.md
+++ b/docs/content/4.navigation/2.command-palette.md
@@ -42,7 +42,7 @@ const selected = ref([people[3]])
     multiple
     nullable
     :groups="[{ key: 'people', commands: people }]"
-    :fuse="{ resultLimit: 6 }"
+    :fuse="{ resultLimit: 6, fuseOptions: { threshold: 0.1 } }"
   />
 </template>
 ```