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,
           })}
         >