diff --git a/ui/app/components/tx-view.js b/ui/app/components/tx-view.js
index bcd30e6d8..c5c6484cc 100644
--- a/ui/app/components/tx-view.js
+++ b/ui/app/components/tx-view.js
@@ -40,6 +40,11 @@ TxView.prototype.render = function () {
       background: '#FFFFFF',
     }
   }, [
+
+    h('div.phone-visible.fa.fa-bars', {
+
+    }, []),
+
     h('div.flex-row', {
       style: {
         margin: '1.8em 1.3em 0.8em 1.3em',
diff --git a/ui/app/css/index.css b/ui/app/css/index.css
index b027792fb..9e63c9e55 100644
--- a/ui/app/css/index.css
+++ b/ui/app/css/index.css
@@ -723,22 +723,22 @@ div.message-container > div:first-child {
 
 @media screen and (min-width: 576px) {
   .lap-visible {
-    display: none;
+    display: flex;
   }
 
   .phone-visible {
-    display: flex;
+    display: none;
   }
 
 }
 
 @media screen and (max-width: 575px) {
   .lap-visible {
-    display: flex;
-  }
-
-  .phone-visible {
     display: none;
   }
 
+  .phone-visible {
+    display: flex;
+  }
+
 }