diff --git a/v2/pink-sb/src/lib/input/Select.svelte b/v2/pink-sb/src/lib/input/Select.svelte
index eab680fb29..d4a07a057c 100644
--- a/v2/pink-sb/src/lib/input/Select.svelte
+++ b/v2/pink-sb/src/lib/input/Select.svelte
@@ -3,6 +3,7 @@
     import type { States } from './types.js';
     import { createSelect } from '@melt-ui/svelte';
     import { Icon, Badge, Layout } from '$lib/index.js';
+    import { writable } from 'svelte/store';
     import { createEventDispatcher, hasContext, type ComponentType } from 'svelte';
     import { IconChevronDown, IconChevronUp } from '@appwrite.io/pink-icons-svelte';
     import type { HTMLInputAttributes } from 'svelte/elements';
@@ -47,10 +48,10 @@
 
     const dispatch = createEventDispatcher();
     const inDialogGroup = hasContext('dialog-group');
-
+    const selectedLabel = writable(options?.find((option) => option.value === value)?.label ?? '');
     const {
         elements: { trigger, menu, option },
-        states: { selectedLabel, open }
+        states: { open }
     } = createSelect<string | boolean | number | null>({
         forceVisible: true,
         ids: {
@@ -72,6 +73,8 @@
             return event.next;
         }
     });
+
+    $: selectedLabel.set(options.find((option) => option.value === value)?.label ?? '');
 </script>
 
 <Base {id} {label} {helper} {state} {required}>