diff --git a/src/client/theme-default/components/VPSidebar.vue b/src/client/theme-default/components/VPSidebar.vue
index 07a9db77..a59b99be 100644
--- a/src/client/theme-default/components/VPSidebar.vue
+++ b/src/client/theme-default/components/VPSidebar.vue
@@ -103,12 +103,12 @@ watchPostEffect(async () => {
 .group + .group {
   margin-top: 32px;
   border-top: 1px solid var(--vp-c-divider-light);
-  padding-top: 8px;
+  padding-top: 10px;
 }
 
 @media (min-width: 960px) {
   .group {
-    padding-top: 8px;
+    padding-top: 10px;
   }
 
   .group + .group {
diff --git a/src/client/theme-default/components/VPSidebarGroup.vue b/src/client/theme-default/components/VPSidebarGroup.vue
index 09bf3c0d..db9362ac 100644
--- a/src/client/theme-default/components/VPSidebarGroup.vue
+++ b/src/client/theme-default/components/VPSidebarGroup.vue
@@ -28,16 +28,10 @@ const { page } = useData()
   padding: 6px 0;
 }
 
-@media (min-width: 960px) {
-  .title {
-    padding: 4px 0;
-  }
-}
-
 .title-text {
   line-height: 20px;
-  font-size: 13px;
-  font-weight: 600;
+  font-size: 14px;
+  font-weight: 700;
   color: var(--vp-c-text-1);
   transition: color 0.5s;
 }
diff --git a/src/client/theme-default/components/VPSidebarLink.vue b/src/client/theme-default/components/VPSidebarLink.vue
index c94d04bf..41937655 100644
--- a/src/client/theme-default/components/VPSidebarLink.vue
+++ b/src/client/theme-default/components/VPSidebarLink.vue
@@ -31,25 +31,18 @@ const closeSideBar = inject('close-sidebar') as () => void
 }
 
 .link:hover .link-text {
-  color: var(--vp-c-brand);
+  color: var(--vp-c-text-1);
   transition: color 0.25s;
 }
 
 .link.active .link-text {
-  font-weight: 600;
   color: var(--vp-c-brand);
   transition: color 0.25s;
 }
 
-@media (min-width: 960px) {
-  .link {
-    padding: 4px 0;
-  }
-}
-
 .link-text {
   line-height: 20px;
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 500;
   color: var(--vp-c-text-2);
   transition: color 0.5s;