From f4058882ad7a9ab7b6da44a68918894d71c86b8c Mon Sep 17 00:00:00 2001
From: Barry Gitarts <bgitarts@gmail.com>
Date: Wed, 19 Dec 2018 15:57:17 -0500
Subject: [PATCH] fix background color leaking into other components

---
 app/components/MainCointainer.jsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/components/MainCointainer.jsx b/app/components/MainCointainer.jsx
index 8dbcf4f..e766556 100644
--- a/app/components/MainCointainer.jsx
+++ b/app/components/MainCointainer.jsx
@@ -30,7 +30,6 @@ const styles = theme => ({
     display: 'flex',
   },
   appBar: {
-    backgroundColor: '#111735',
     transition: theme.transitions.create(['margin', 'width'], {
       easing: theme.transitions.easing.sharp,
       duration: theme.transitions.duration.leavingScreen,
@@ -44,6 +43,9 @@ const styles = theme => ({
       duration: theme.transitions.duration.enteringScreen,
     }),
   },
+  appBarBg: {
+    backgroundColor: '#111735'
+  },
   childrenShift: {
     width: `calc(100% - ${drawerWidth}px)`
   },
@@ -111,7 +113,7 @@ class PersistentDrawerLeft extends React.Component {
         <CssBaseline />
         <AppBar
           position="fixed"
-          className={classNames(classes.appBar, {
+          className={classNames(classes.appBar, classes.appBarBg, {
             [classes.appBarShift]: open,
           })}
         >