diff --git a/app/views/admin/settings.php b/app/views/admin/settings.php
index 1e38e5b..c19061e 100755
--- a/app/views/admin/settings.php
+++ b/app/views/admin/settings.php
@@ -273,8 +273,8 @@ function update() {
                 ? 'initial'
                 : 'none');
             document.querySelectorAll('.tabs > a').forEach(el => el.getAttribute('href') == location.hash
-                ? el.classList.add('active')
-                : el.classList.remove('active'));
+                ? el.setAttribute('data-checked', true)
+                : el.removeAttribute('data-checked'));
         });
 
         window.addEventListener('load', () => {
diff --git a/public/assets/css/admin/dark.css b/public/assets/css/admin/dark.css
index 99e21a3..a198218 100644
--- a/public/assets/css/admin/dark.css
+++ b/public/assets/css/admin/dark.css
@@ -5,7 +5,7 @@
     --fourth-color: #20212e;
     --border-color: #3b4253;
     --box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);
-    --background-color: #171821;
+    --background-color: #191a23;
     --button-background-color: #006ad3;
     --danger-color: #ff5234;
     --danger-background-color: #413a46;
diff --git a/public/assets/css/admin/main.css b/public/assets/css/admin/main.css
index d7363b3..5e266d0 100755
--- a/public/assets/css/admin/main.css
+++ b/public/assets/css/admin/main.css
@@ -211,19 +211,19 @@ span.loading {
     display: flex;
     align-items: center;
     padding: var(--options-padding);
-    color: inherit;
-    text-decoration: none;
     border-radius: var(--border-radius);
+    text-decoration: none;
+    color: inherit;
 }
 
-.tabs > a.active {
+.tabs > a[data-checked] {
     background-color: var(--third-color);
     font-weight: bold;
 }
 
 .tabs > a svg {
     min-width: 16px;
-    margin-right: 10px;
+    margin-right: 17px;
     fill: var(--main-color);
 }