diff --git a/barkmanui/src/common/components/BarkHeader.module.css b/barkmanui/src/common/components/BarkHeader.module.css
index 4bf2faf..a670a4a 100644
--- a/barkmanui/src/common/components/BarkHeader.module.css
+++ b/barkmanui/src/common/components/BarkHeader.module.css
@@ -1,8 +1,8 @@
 .header {
     height: 56px;
-    margin-bottom: 120px;
+    margin-bottom: 6px;
     background-color: var(--mantine-color-body);
-    border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
+    border-bottom: 1px solid var(--mantine-color-default-border);
 }
 
 .inner {
@@ -18,12 +18,12 @@
     padding: 8px 12px;
     border-radius: var(--mantine-radius-sm);
     text-decoration: none;
-    color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-0));
+    color: var(--mantine-color-text);
     font-size: var(--mantine-font-size-sm);
     font-weight: 500;
 
-    @mixin hover {
-        background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
+    &:hover {
+        background-color: var(--mantine-color-default-hover);
     }
 
     [data-mantine-color-scheme] &.active {