diff --git a/layouts/default.vue b/layouts/default.vue
index c13debf..ac25924 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -162,10 +162,15 @@ export default {
   color: #e1ebe7;
   font-family: 'Fira Sans';
 }
-#toolbar,
+
 #content{
   background-color: #402E5D;
 }
+
+#toolbar {
+  background-color: #DBDEE8;
+}
+
 #toolbar {
   z-index: 1001;
   top: auto !important;
diff --git a/package-lock.json b/package-lock.json
index 3c987fe..9cc864b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,6 @@
         "vuetify-loader": "^1.2.1"
       },
       "devDependencies": {
-        "@mdi/js": "^5.9.55",
         "@nuxtjs/eslint-config": "^0.0.1",
         "babel-eslint": "^10.0.1",
         "eslint": "^5.15.1",
@@ -872,12 +871,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/@mdi/js": {
-      "version": "5.9.55",
-      "resolved": "https://registry.npmjs.org/@mdi/js/-/js-5.9.55.tgz",
-      "integrity": "sha512-BbeHMgeK2/vjdJIRnx12wvQ6s8xAYfvMmEAVsUx9b+7GiQGQ9Za8jpwp17dMKr9CgKRvemlAM4S7S3QOtEbp4A==",
-      "dev": true
-    },
     "node_modules/@nuxt/babel-preset-app": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/@nuxt/babel-preset-app/-/babel-preset-app-2.6.2.tgz",
@@ -13579,12 +13572,6 @@
         }
       }
     },
-    "@mdi/js": {
-      "version": "5.9.55",
-      "resolved": "https://registry.npmjs.org/@mdi/js/-/js-5.9.55.tgz",
-      "integrity": "sha512-BbeHMgeK2/vjdJIRnx12wvQ6s8xAYfvMmEAVsUx9b+7GiQGQ9Za8jpwp17dMKr9CgKRvemlAM4S7S3QOtEbp4A==",
-      "dev": true
-    },
     "@nuxt/babel-preset-app": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/@nuxt/babel-preset-app/-/babel-preset-app-2.6.2.tgz",