Re enable the setMouseUserState styles. (#6860)

Typo

3 files changed, 9 insertions, 2 deletions

diff --git a/ui/app/components/ui/button/buttons.scss b/ui/app/components/ui/button/buttons.scss
index f1366cffe..f6388fa47 100644
--- a/ui/app/components/ui/button/buttons.scss
+++ b/ui/app/components/ui/button/buttons.scss
@@ -22,7 +22,6 @@ $hover-orange: #FFD3B5;
   box-sizing: border-box;
   border-radius: 6px;
   width: 100%;
-  outline: none;
   transition: border-color .3s ease, background-color .3s ease;
 
   &--disabled,
diff --git a/ui/app/css/itcss/generic/index.scss b/ui/app/css/itcss/generic/index.scss
index 8b282aa1e..e0cc881cb 100644
--- a/ui/app/css/itcss/generic/index.scss
+++ b/ui/app/css/itcss/generic/index.scss
@@ -43,6 +43,12 @@ textarea:focus {
   outline: none;
 }
 
+.mouse-user-styles {
+  button:focus {
+    outline: none;
+  }
+}
+
 /* stylelint-disable */
 #app-content {
   overflow-x: hidden;
diff --git a/ui/app/pages/routes/index.js b/ui/app/pages/routes/index.js
index c292fd9c7..751e3e3ae 100644
--- a/ui/app/pages/routes/index.js
+++ b/ui/app/pages/routes/index.js
@@ -7,6 +7,7 @@ import actions from '../../store/actions'
 import log from 'loglevel'
 import IdleTimer from 'react-idle-timer'
 import {getMetaMaskAccounts, getNetworkIdentifier, preferencesSelector} from '../../selectors/selectors'
+import classnames from 'classnames'
 
 // init
 import FirstTimeFlow from '../first-time-flow'
@@ -177,6 +178,7 @@ class Routes extends Component {
       setMouseUserState,
       sidebar,
       submittedPendingTransactions,
+      isMouseUser,
     } = this.props
     const isLoadingNetwork = network === 'loading' && currentView.name !== 'config'
     const loadMessage = loadingMessage || isLoadingNetwork ?
@@ -205,7 +207,7 @@ class Routes extends Component {
 
     return (
       <div
-        className="app"
+        className={classnames('app', { 'mouse-user-styles': isMouseUser})}
         onClick={() => setMouseUserState(true)}
         onKeyDown={e => {
           if (e.keyCode === 9) {