diff --git a/src/views/home/components/input/StyleSelect.vue b/src/views/home/components/input/StyleSelect.vue
index 742eff4..b9bb750 100644
--- a/src/views/home/components/input/StyleSelect.vue
+++ b/src/views/home/components/input/StyleSelect.vue
@@ -49,7 +49,7 @@
 </template>
 
 <script setup lang="ts">
-	import { ref } from 'vue'
+	import { ref, watch } from 'vue'
 	import { getStyleImage } from '../style'
 	import type { OptionItem } from './types'
 
@@ -69,6 +69,14 @@
 	const tempSelectedValue = ref('')
 	const stylePopupVisible = ref(false)
 
+	watch(
+		() => props.modelValue,
+		(value) => {
+			tempSelectedValue.value = value
+		},
+		{ immediate: true }
+	)
+
 	const openStylePopup = () => {
 		tempSelectedValue.value = props.modelValue
 		stylePopupVisible.value = true