diff --git a/src/lib/forms/Select.svelte b/src/lib/forms/Select.svelte
index dac4a9dbd..c417bc2db 100644
--- a/src/lib/forms/Select.svelte
+++ b/src/lib/forms/Select.svelte
@@ -3,7 +3,7 @@
   import type { SelectOptionType } from '../types';
 
   export let items: SelectOptionType<any>[] = [];
-  export let value: any = undefined;
+  export let value: any = '';
   export let placeholder: string = 'Choose option ...';
   export let underline: boolean = false;
   export let size: 'sm' | 'md' | 'lg' = 'md';
@@ -23,7 +23,7 @@
   $: selectClass = twMerge(common, underline ? underlineClass : defaultClass, sizes[size], underline && '!px-0', $$props.class);
 </script>
 
-<select {...$$restProps} bind:value class={selectClass} on:change on:contextmenu on:input>
+<select {...$$restProps} bind:value={value} class={selectClass} on:change on:contextmenu on:input>
   {#if placeholder}
     <option disabled selected={(value === undefined) ? true : undefined} value="">{placeholder}</option>
   {/if}
diff --git a/src/routes/docs/forms/select.md b/src/routes/docs/forms/select.md
index 9308d01f3..ecb67b34d 100644
--- a/src/routes/docs/forms/select.md
+++ b/src/routes/docs/forms/select.md
@@ -30,7 +30,7 @@ Get started with the default example of a select input component to get a single
 ```svelte example
 <script>
   import { Select, Label } from 'flowbite-svelte';
-  let selected;
+  let selected = '';
   let countries = [
     { value: 'us', name: 'United States' },
     { value: 'ca', name: 'Canada' },