From e3c609fe38db0c441ee6da8fd540e66f742bfccb Mon Sep 17 00:00:00 2001
From: Xiaohan-Tian <157918347+Xiaohan-Tian@users.noreply.github.com>
Date: Sun, 31 May 2026 13:08:50 -0700
Subject: [PATCH] fix: minor UI issues

---
 src/components/KGOnePanel.css | 18 ------------------
 src/components/KGOnePanel.tsx |  6 +++---
 2 files changed, 3 insertions(+), 21 deletions(-)

diff --git a/src/components/KGOnePanel.css b/src/components/KGOnePanel.css
index dbfc3bf..9d10ba8 100644
--- a/src/components/KGOnePanel.css
+++ b/src/components/KGOnePanel.css
@@ -304,24 +304,6 @@
   margin-top: 6px;
 }
 
-.kgone-btn-generate-accent {
-  background-color: #4a5fa0;
-  border: none;
-  color: #e0e0e0;
-  cursor: pointer;
-  transition: background-color 0.15s;
-}
-
-.kgone-btn-generate-accent:hover:not(:disabled) {
-  background-color: #5a70b8;
-}
-
-.kgone-btn-generate-accent:disabled {
-  background-color: #3a3a3a;
-  color: #666;
-  cursor: not-allowed;
-}
-
 .kgone-btn-generate.dialog-btn {
   min-height: 32px;
 }
diff --git a/src/components/KGOnePanel.tsx b/src/components/KGOnePanel.tsx
index 07fe4ea..64235e6 100644
--- a/src/components/KGOnePanel.tsx
+++ b/src/components/KGOnePanel.tsx
@@ -514,7 +514,7 @@ const ClipTab: React.FC<ClipTabProps> = ({ bpm, keySignature }) => {
       )}
 
       <button
-        className="kgone-btn-generate kgone-btn-generate-accent"
+        className="dialog-btn dialog-btn-primary kgone-btn-generate"
         disabled={isGenerating || !prompt.trim()}
         onClick={handleGenerate}
       >
@@ -2000,7 +2000,7 @@ const RemixTab: React.FC = () => {
           {genStatus === 'done' && audioUrl && (
             <>
               <button
-                className="kgone-btn-generate kgone-btn-generate-accent"
+                className="dialog-btn dialog-btn-primary kgone-btn-generate"
                 disabled={isImporting}
                 onClick={handleImportAligned}
                 style={{ marginTop: 0 }}
@@ -2523,7 +2523,7 @@ const RepaintTab: React.FC = () => {
           {genStatus === 'done' && audioUrl && (
             <>
               <button
-                className="kgone-btn-generate kgone-btn-generate-accent"
+                className="dialog-btn dialog-btn-primary kgone-btn-generate"
                 disabled={isImporting}
                 onClick={handleImportAligned}
                 style={{ marginTop: 0 }}