diff --git a/frontend/src/components/CinePromptStudio.jsx b/frontend/src/components/CinePromptStudio.jsx
index 964ec19..f836295 100644
--- a/frontend/src/components/CinePromptStudio.jsx
+++ b/frontend/src/components/CinePromptStudio.jsx
@@ -1651,7 +1651,7 @@ Return ONLY the final prompt text. No markdown, no preamble, no "Here is your pr
                   <button
                     onClick={generateOptimizedPrompt}
                     disabled={isGenerating}
-                    className="flex items-center justify-center space-x-2 w-full px-4 py-3 bg-slate-200 hover:bg-slate-300 text-slate-900 font-normal rounded transition-all disabled:opacity-50 disabled:cursor-not-allowed"
+                    className="flex items-center justify-center space-x-2 w-full px-4 py-3 bg-purple-600 hover:bg-purple-500 text-white font-normal rounded transition-all disabled:opacity-50 disabled:cursor-not-allowed"
                   >
                     {isGenerating ? (
                       <>
diff --git a/frontend/src/components/VideoGenTab.jsx b/frontend/src/components/VideoGenTab.jsx
index a2cf514..dac03ec 100644
--- a/frontend/src/components/VideoGenTab.jsx
+++ b/frontend/src/components/VideoGenTab.jsx
@@ -1589,7 +1589,7 @@ OUTPUT: Two sections separated by --- only. No explanations or labels.`;
               <button
                 onClick={generateOptimizedVideoPrompt}
                 disabled={isOptimizing || isGenerating || !sceneDescription.trim()}
-                className="w-full flex items-center justify-center gap-2 px-4 py-3 bg-slate-200 hover:bg-slate-300 text-slate-900 font-normal rounded transition-all disabled:opacity-50 disabled:cursor-not-allowed"
+                className="w-full flex items-center justify-center gap-2 px-4 py-3 bg-purple-600 hover:bg-purple-500 text-white font-normal rounded transition-all disabled:opacity-50 disabled:cursor-not-allowed"
               >
                 {isOptimizing ? (
                   <>