2 files changed, 11 insertions, 1 deletions
diff --git a/ui/app/components/token-view-balance/index.scss b/ui/app/components/token-view-balance/index.scss
index 6a89e125b..b522a10f9 100644
--- a/ui/app/components/token-view-balance/index.scss
+++ b/ui/app/components/token-view-balance/index.scss
@@ -16,6 +16,16 @@
     }
   }
 
+  &__token-balance {
+    margin-left: 12px;
+    font-size: 1.5rem;
+
+    @media screen and (max-width: $break-small) {
+      margin-bottom: 12px;
+      font-size: 1.75rem;
+    }
+  }
+
   &__primary-balance {
     font-size: 1.5rem;
 
diff --git a/ui/app/components/token-view-balance/token-view-balance.component.js b/ui/app/components/token-view-balance/token-view-balance.component.js
index 6b8140a22..f74cc4926 100644
--- a/ui/app/components/token-view-balance/token-view-balance.component.js
+++ b/ui/app/components/token-view-balance/token-view-balance.component.js
@@ -30,7 +30,7 @@ export default class TokenViewBalance extends PureComponent {
         <TokenBalance
           token={selectedToken}
           withSymbol
-          className="token-view-balance__primary-balance"
+          className="token-view-balance__token-balance"
         />
       ) : (
         <div className="token-view-balance__balance">