From d4b9c1827148126aa17b1ea29c4e0790394c5edc Mon Sep 17 00:00:00 2001
From: curious86 <97945303+curious86@users.noreply.github.com>
Date: Wed, 3 May 2023 02:06:25 -0700
Subject: [PATCH] fix(sql-editor): Fix run stop button color to improve
 usability (#23892)

Co-authored-by: aadhikari <aadhikari@apple.com>
---
 .../src/SqlLab/components/RunQueryActionButton/index.tsx      | 4 +++-
 .../src/explore/components/RunQueryButton/index.tsx           | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/superset-frontend/src/SqlLab/components/RunQueryActionButton/index.tsx b/superset-frontend/src/SqlLab/components/RunQueryActionButton/index.tsx
index 0a2aa9926..f9181188f 100644
--- a/superset-frontend/src/SqlLab/components/RunQueryActionButton/index.tsx
+++ b/superset-frontend/src/SqlLab/components/RunQueryActionButton/index.tsx
@@ -146,7 +146,9 @@ const RunQueryActionButton = ({
               ),
               trigger: 'click',
             }
-          : { buttonStyle: 'primary' })}
+          : {
+              buttonStyle: shouldShowStopBtn ? 'warning' : 'primary',
+            })}
       >
         {buildText(shouldShowStopBtn, selectedText)}
       </ButtonComponent>
diff --git a/superset-frontend/src/explore/components/RunQueryButton/index.tsx b/superset-frontend/src/explore/components/RunQueryButton/index.tsx
index 622cb516f..f5e3bcfed 100644
--- a/superset-frontend/src/explore/components/RunQueryButton/index.tsx
+++ b/superset-frontend/src/explore/components/RunQueryButton/index.tsx
@@ -42,7 +42,7 @@ export const RunQueryButton = ({
 }: RunQueryButtonProps) =>
   loading ? (
     <Button onClick={onStop} buttonStyle="warning" disabled={!canStopQuery}>
-      <i className="fa fa-stop-circle-o" /> {t('Stop')}
+      <i className="fa fa-stop" /> {t('Stop')}
     </Button>
   ) : (
     <Button