diff --git a/frontend/src/assets/styles/global.css b/frontend/src/assets/styles/global.css
index 9aa0332..1cf83fb 100644
--- a/frontend/src/assets/styles/global.css
+++ b/frontend/src/assets/styles/global.css
@@ -46,7 +46,8 @@ body::before {
     right: 0;
     bottom: 0;
     left: 0;
-    background-color: rgba(14, 14, 16);
+    /*background-color: rgb(12, 12, 14, 0.9);*/
+    background: linear-gradient(to left, rgba(0, 0, 0, 0.92), #06060a);
     z-index: -1;
 }
 
diff --git a/frontend/src/components/general/Sidebar.vue b/frontend/src/components/general/Sidebar.vue
index fb67128..33ade31 100644
--- a/frontend/src/components/general/Sidebar.vue
+++ b/frontend/src/components/general/Sidebar.vue
@@ -81,8 +81,10 @@ const ModDevTools = () => router.push('/mod-dev-tools')
     z-index: 999;
     height: 100vh;
     width: 75px;
-    border-right: 1px outset rgba(255, 255, 255, 0.45);
-    background-color: #202125;
+    border-right: rgba(255, 255, 255, 0.45) 1px outset;
+    background-color: #15161a;
+    padding-left: 15px;
+    padding-right: 15px;
 }
 
 .sidebar img {