diff --git a/packages/theme/src/client/components/SidebarItems.vue b/packages/theme/src/client/components/SidebarItems.vue
index 63245a9a..9ebe3703 100644
--- a/packages/theme/src/client/components/SidebarItems.vue
+++ b/packages/theme/src/client/components/SidebarItems.vue
@@ -119,7 +119,7 @@ const sidebarClick = (sidebar: SidebarListComputed): void => {
         .arrow-right-icon {
           width: 20px;
           height: 20px;
-          margin-right: 0.55rem;
+          margin-right: 0.75rem;
           transform: rotate(0);
           transition: transform var(--t-color);
 
@@ -140,6 +140,7 @@ const sidebarClick = (sidebar: SidebarListComputed): void => {
     .sidebar-items {
       font-size: 16px;
       padding-left: 1.25rem;
+      padding-bottom: 0.75rem;
 
       li a {
         font-weight: normal;
diff --git a/packages/theme/src/client/styles/code.scss b/packages/theme/src/client/styles/code.scss
index 67a746d0..76813ffc 100644
--- a/packages/theme/src/client/styles/code.scss
+++ b/packages/theme/src/client/styles/code.scss
@@ -142,7 +142,7 @@ pre[class*='language-'] {
     }
 
     &::-webkit-scrollbar-thumb {
-      background-color: var(--code-hl-bg-color);
+      background-color: var(--c-brand);
       border-radius: 3px;
     }