diff --git a/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx b/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
index 35a6e9791..68f3e11f8 100644
--- a/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
+++ b/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
@@ -115,7 +115,20 @@ const TitleOverlay: React.FC<{ titleSettings: TitleSettings }> = ({ titleSetting
     () => getPositionStyle(titleSettings.position),
     [titleSettings.position],
   )
-  const titleStyle = useMemo(() => buildTitleStyle(titleSettings), [titleSettings])
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const titleStyle = useMemo(
+    () => buildTitleStyle(titleSettings),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      titleSettings.font,
+      titleSettings.size,
+      titleSettings.color,
+      titleSettings.bold,
+      titleSettings.italic,
+      titleSettings.stroke,
+      titleSettings.shadow,
+    ],
+  )
 
   if (!titleSettings.title?.trim()) return null