1 files changed, 6 insertions, 15 deletions

diff --git a/ui/app/css/itcss/components/wallet-balance.scss b/ui/app/css/itcss/components/wallet-balance.scss
index 3c3349ae..5e7de8c4 100644
--- a/ui/app/css/itcss/components/wallet-balance.scss
+++ b/ui/app/css/itcss/components/wallet-balance.scss
@@ -1,14 +1,12 @@
-$wallet-balance-bg: #e7e7e7;
+$wallet-balance-bg: #4a4a4a;
 $wallet-balance-breakpoint: 890px;
 $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (max-width: #{$wallet-balance-breakpoint})";
-
 .wallet-balance-wrapper {
   flex: 0 0 auto;
   transition: linear 200ms;
   background: rgba($wallet-balance-bg, 0);
-
   &--active {
-    background: $manatee;
+    background: $geyser;
     color: $white;
   }
 }
@@ -22,40 +20,33 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
   flex: 0 0 auto;
   cursor: pointer;
   border-top: 1px solid $wallet-balance-bg;
-
   .balance-container {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     margin: 20px 24px;
     flex-direction: row;
-    min-width: 0;
-
+    flex-grow: 3;
     @media #{$wallet-balance-breakpoint-range} {
       margin: 10% 4%;
     }
   }
-
   .balance-display {
     margin-left: 15px;
-    min-width: 0;
-
+    justify-content: flex-start;
+    align-items: flex-start;
     .token-amount {
       font-size: 1.5rem;
     }
-
     .fiat-amount {
       margin-top: .25%;
       font-size: 105%;
     }
-
     @media #{$wallet-balance-breakpoint-range} {
       margin-left: 4%;
-
       .token-amount {
         font-size: 105%;
       }
-
       .fiat-amount {
         font-size: 95%;
       }
@@ -70,4 +61,4 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
   border: 1px solid $alto;
   padding: 5px;
   background: $white;
-}
+}
\ No newline at end of file