From 638f55f20834ea65f5f4434d1f49668f4278dad6 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 13 Sep 2021 13:51:29 -0500
Subject: [PATCH] AccountHeader: use foreground color for account bar

---
 app/styles/components/account-header.scss     | 11 ++++++++---
 app/styles/components/profile-info-panel.scss |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/styles/components/account-header.scss b/app/styles/components/account-header.scss
index 5d03c5c0e..eb31bcafe 100644
--- a/app/styles/components/account-header.scss
+++ b/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;
diff --git a/app/styles/components/profile-info-panel.scss b/app/styles/components/profile-info-panel.scss
index f21361f7d..8228cff11 100644
--- a/app/styles/components/profile-info-panel.scss
+++ b/app/styles/components/profile-info-panel.scss
@@ -36,7 +36,7 @@
     }
 
     &__stats {
-      margin-top: 15px;
+      margin: 15px 0;
 
       .profile-stat {
         font-size: 16px;