diff --git a/src/components/Select/Select.stories.ts b/src/components/Select/Select.stories.ts
index 272ab9fc3bbd802458c9172ec638355540c3027b..427a2b366a7119faf0a8c95d152ec638bf5bf444 100644
--- a/src/components/Select/Select.stories.ts
+++ b/src/components/Select/Select.stories.ts
@@ -19,6 +19,7 @@ const meta: Meta = {
     filtered: { control: 'boolean' },
     disabled: { control: 'boolean' },
     noHighlight: { control: 'boolean' },
+    selected: { control: 'text' },
     fontSize: { control: 'text' },
     placeholder: { control: 'text' },
     name: { control: 'text' },
diff --git a/src/components/Select/Select.vue b/src/components/Select/Select.vue
index 9ff0dbdcb97d94427bc7b427dcaa032373eb7339..8fc7615fa53ded92fa4fd7cc087b025a6b343f4a 100644
--- a/src/components/Select/Select.vue
+++ b/src/components/Select/Select.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { ISelectProps } from '@interfaces/componentsProps';
-import { computed, ref } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
 import { iconsSet } from '@/common/constants/icons';
 import type { TThemeColor } from '@interfaces/common';
@@ -55,6 +55,11 @@ const calcOptionColor = (color: TThemeColor | undefined, darknessColor: string |
 document.querySelector('body')!.addEventListener('pointerup', (e: MouseEvent) => {
   if (isOpen.value && e.button === 0) isOpen.value = false;
 });
+
+const selectedProp = computed(() => props.selected);
+watch(selectedProp, () => (selected.value = selectedProp.value), {
+  immediate: true,
+});
 </script>
 
 <template>