diff --git a/packages/docz-theme-default/src/components/shared/Sidebar/Link.tsx b/packages/docz-theme-default/src/components/shared/Sidebar/Link.tsx
index e27b72a28..3e5ff88c4 100644
--- a/packages/docz-theme-default/src/components/shared/Sidebar/Link.tsx
+++ b/packages/docz-theme-default/src/components/shared/Sidebar/Link.tsx
@@ -44,7 +44,7 @@ const Wrapper = styled('div')`
 export const linkStyle = ({ colors }: any) => css`
   position: relative;
   display: block;
-  margin: 6px 24px;
+  padding: 4px 24px;
   font-weight: 600;
   color: ${colors.sidebarText};
   text-decoration: none;
diff --git a/packages/docz-theme-default/src/components/shared/Sidebar/Menu.tsx b/packages/docz-theme-default/src/components/shared/Sidebar/Menu.tsx
index 5cc072efc..f0f35564f 100644
--- a/packages/docz-theme-default/src/components/shared/Sidebar/Menu.tsx
+++ b/packages/docz-theme-default/src/components/shared/Sidebar/Menu.tsx
@@ -34,7 +34,7 @@ const iconRotate = (p: IconProps) => (p.opened ? '-180deg' : '0deg')
 const Icon = styled('div')`
   position: absolute;
   top: 50%;
-  right: 0;
+  right: 20px;
   transform: translateY(-50%) rotate(${iconRotate});
   transform-origin: 50% 50%;
   transition: transform 0.3s;