AccountHeader: use foreground color for account bar

app/styles/components/account-header.scss

@@ -93,8 +93,11 @@
     min-height: 74px;
     width: 100%;
     position: relative;
-    background: var(--background-color);
-    @media (min-width: 895px) { height: 74px; }
+    background: var(--foreground-color);
+
+    @media (min-width: 895px) {
+      height: 74px;
+    }
   }
 
   &__avatar {
@@ -155,10 +158,12 @@
     max-width: 1200px;
     box-sizing: border-box;
     position: relative;
+
     @media (min-width: 895px) and (max-width: 1190px) {
       max-width: 900px;
       padding-left: 300px;
     }
+
     @media screen and (max-width: 895px) {
       max-width: 900px;
       padding: 10px 10px 0;
@@ -238,10 +243,10 @@
       }
     }
   } // end .account__header__extra
+
   @media screen and (max-width: 895px) {
     .account-mobile-container {
       display: block;
-      background: var(--background-color);
       margin-top: 10px;
       position: relative;
       padding: 10px 10px 0;

app/styles/components/profile-info-panel.scss

@@ -36,7 +36,7 @@
     }
 
     &__stats {
-      margin-top: 15px;
+      margin: 15px 0;
 
       .profile-stat {
         font-size: 16px;