From 15644b294e64dd19f83049f5b4cb9889dbce1c9a Mon Sep 17 00:00:00 2001
From: Justice Arthur <justice@expensify.com>
Date: Thu, 19 May 2022 12:07:12 +0000
Subject: [PATCH 1/2] remove focus from disabled buttons

---
 src/styles/styles.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/styles/styles.js b/src/styles/styles.js
index dab500cd8db4..3c7cf217bbc8 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2188,6 +2188,8 @@ const styles = {
 
     cursorDisabled: {
         cursor: 'not-allowed',
+        boxShadow: 'none',
+        outline: 'none',
     },
 
     cursorPointer: {

From 6e915724c4d7a27f378e6fd981ef9acb25623a5f Mon Sep 17 00:00:00 2001
From: Justice Arthur <justice@expensify.com>
Date: Thu, 19 May 2022 12:45:01 +0000
Subject: [PATCH 2/2] remove focus from cancel button

---
 src/components/Button.js         | 2 +-
 src/components/ConfirmContent.js | 2 +-
 src/styles/styles.js             | 3 +++
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Button.js b/src/components/Button.js
index 85254d4c1e75..a315abc160fc 100644
--- a/src/components/Button.js
+++ b/src/components/Button.js
@@ -247,7 +247,7 @@ class Button extends Component {
                 onPressOut={this.props.onPressOut}
                 disabled={this.props.isLoading || this.props.isDisabled}
                 style={[
-                    this.props.isDisabled ? styles.cursorDisabled : {},
+                    this.props.isDisabled ? {...styles.cursorDisabled, ...styles.noSelect} : {},
                     ...this.additionalStyles,
                 ]}
             >
diff --git a/src/components/ConfirmContent.js b/src/components/ConfirmContent.js
index 78e01b756a61..164a21ce9a8e 100644
--- a/src/components/ConfirmContent.js
+++ b/src/components/ConfirmContent.js
@@ -76,7 +76,7 @@ const ConfirmContent = props => (
         />
         {props.shouldShowCancelButton && (
             <Button
-                style={[styles.mt3]}
+                style={[styles.mt3, styles.noSelect]}
                 onPress={props.onCancel}
                 text={props.cancelText || props.translate('common.no')}
             />
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 3c7cf217bbc8..dbce0a6b052d 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -2188,6 +2188,9 @@ const styles = {
 
     cursorDisabled: {
         cursor: 'not-allowed',
+    },
+
+    noSelect: {
         boxShadow: 'none',
         outline: 'none',
     },