diff --git a/web/src/components/ui/BlackDialog.vue b/web/src/components/ui/BlackDialog.vue
index 4e659ad2..1c3f4196 100644
--- a/web/src/components/ui/BlackDialog.vue
+++ b/web/src/components/ui/BlackDialog.vue
@@ -40,8 +40,8 @@ const props = defineProps({
     default: 'Tips',
   },
   width: {
-    type: Number,
-    default: 500,
+    type: String,
+    default: 'auto',
   },
   hideFooter:{
     type: Boolean,
diff --git a/web/src/views/Suno.vue b/web/src/views/Suno.vue
index 1866f0fb..543a1ccf 100644
--- a/web/src/views/Suno.vue
+++ b/web/src/views/Suno.vue
@@ -111,7 +111,7 @@
             </el-popover>
           </div>
           <div class="item">
-            <black-input v-model:value="data.prompt" type="textarea" :rows="10" placeholder="例如：一首关于鸟人的摇滚歌曲..."/>
+            <black-input v-model:value="data.prompt" type="textarea" :rows="10" placeholder="例如：一首关于爱情的摇滚歌曲..."/>
           </div>
         </div>
 
@@ -266,7 +266,7 @@
       </div>
     </div>
 
-    <black-dialog v-model:show="showDialog" title="修改歌曲" @cancal="showDialog = false" @confirm="updateSong" :width="500">
+    <black-dialog v-model:show="showDialog" title="修改歌曲" @cancal="showDialog = false" @confirm="updateSong" :width="500+'px'">
       <form class="form">
         <div class="form-item">
           <div class="label">歌曲名称</div>