diff --git a/src/containers/StatusBar.js b/src/containers/StatusBar.js
index 63100fc..92077ec 100644
--- a/src/containers/StatusBar.js
+++ b/src/containers/StatusBar.js
@@ -28,7 +28,10 @@ const useStyles = makeStyles((theme) => ({
     flexDirection: 'row',
     flex: 1,
     justifyContent: 'space-between',
-    backgroundColor: grey[900],
+    backgroundColor: theme.palette.background.default,
+    borderTop: 1,
+    borderTopColor: "rgba(255, 255, 255, 0.12)",
+    borderTopStyle: "solid",
     color: grey[400]
   },
   left: {
diff --git a/src/theme.js b/src/theme.js
index 972dc53..56a5993 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -64,7 +64,7 @@ export const createTheme = (theme) =>
               main: "#0000F4",
             },
             background: {
-              default: "#0F0F0F",
+              default: "#18181A",
               secondary: "#18181A",
               paper: "#18181A",
             },