diff --git a/src/components/DocsSidebar/index.tsx b/src/components/DocsSidebar/index.tsx
index c6c5037..e3245ca 100644
--- a/src/components/DocsSidebar/index.tsx
+++ b/src/components/DocsSidebar/index.tsx
@@ -131,7 +131,11 @@ const ALL_DOCS = graphql`
 
 const plantTree = (item: IFileOrFolder) => {
   if (item.type === "file") {
-    return <SC.PageLink to={item.path}>{item.title}</SC.PageLink>
+    return (
+      <SC.PageLink to={item.path} activeClassName="active">
+        {item.title}
+      </SC.PageLink>
+    )
   }
 
   return <Folder item={item} />
diff --git a/src/components/DocsSidebar/styles.tsx b/src/components/DocsSidebar/styles.tsx
index 1b4360a..ea98111 100644
--- a/src/components/DocsSidebar/styles.tsx
+++ b/src/components/DocsSidebar/styles.tsx
@@ -11,4 +11,8 @@ export const PageLink = styled(Link)`
   display: block;
   padding: 4px 0;
   color: #1c61df;
+
+  &.active {
+    font-weight: 700;
+  }
 `