diff --git a/components/aigc/generation/SRTEditor.vue b/components/aigc/generation/SRTEditor.vue
index 1d52d46..7099beb 100644
--- a/components/aigc/generation/SRTEditor.vue
+++ b/components/aigc/generation/SRTEditor.vue
@@ -220,7 +220,7 @@ defineExpose({
 
 <template>
   <div>
-    <USlideover v-model="isDrawerActive" :prevent-close="modified" :ui="{ width: 'max-w-xl' }">
+    <USlideover v-model="isDrawerActive" :prevent-close="modified" :ui="{ width: 'max-w-lg' }">
       <UCard class="flex flex-col flex-1 overflow-hidden" :ui="{
         body: { base: 'overflow-auto flex-1' },
         ring: '',
@@ -263,7 +263,7 @@ defineExpose({
           </svg>
         </div>
         <div v-else class="flex flex-col h-full gap-2 overflow-hidden overscroll-y-none overshadow">
-          <div class="relative overflow-hidden min-h-12">
+          <div class="relative w-full aspect-video flex-1">
             <div class="absolute w-fit mx-auto inset-x-0 font-sans font-bold subtitle" :class="{
               'stroke': subtitleStyleState.effect === 'stroke',
             }" :style="{