From c4fad4b87f3de36d3459d694096a392c0a41ec6a Mon Sep 17 00:00:00 2001
From: David Walsh <davidwalsh83@gmail.com>
Date: Mon, 9 Nov 2020 09:52:06 -0600
Subject: [PATCH] Make QR code button focusable (#9822)

---
 .../send/send-content/add-recipient/ens-input.component.js      | 2 +-
 ui/app/pages/send/send.scss                                     | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui/app/pages/send/send-content/add-recipient/ens-input.component.js b/ui/app/pages/send/send-content/add-recipient/ens-input.component.js
index 5dce9869d..e8c498060 100644
--- a/ui/app/pages/send/send-content/add-recipient/ens-input.component.js
+++ b/ui/app/pages/send/send-content/add-recipient/ens-input.component.js
@@ -211,7 +211,7 @@ export default class EnsInput extends Component {
             autoFocus
             data-testid="ens-input"
           />
-          <div
+          <button
             className={classnames('ens-input__wrapper__action-icon', {
               'ens-input__wrapper__action-icon--erase': input,
               'ens-input__wrapper__action-icon--qrcode': !input,
diff --git a/ui/app/pages/send/send.scss b/ui/app/pages/send/send.scss
index 6322c55bd..decf358cf 100644
--- a/ui/app/pages/send/send.scss
+++ b/ui/app/pages/send/send.scss
@@ -208,6 +208,7 @@
 
       &--erase {
         background-image: url("/images/close-gray.svg");
+        background-color: unset;
         width: 0.75rem;
         height: 0.75rem;
         margin: 0 0.25rem;
@@ -215,6 +216,7 @@
 
       &--qrcode {
         background-image: url("/images/qr-blue.svg");
+        background-color: unset;
         width: 1.5rem;
         height: 1.5rem;
         margin: 0 0.25rem;