diff --git a/src/components/Docs/Sidebar/index.tsx b/src/components/Docs/Sidebar/index.tsx
index 699a100..4769aac 100644
--- a/src/components/Docs/Sidebar/index.tsx
+++ b/src/components/Docs/Sidebar/index.tsx
@@ -6,18 +6,24 @@ const makeTree = () => {
 
 }
 
-const Sidebar = () => {
+export interface SidebarProps {
+  readonly width: string | number;
+}
+
+const Sidebar = ({ width }: SidebarProps) => {
 
   return (
-    <Tree
-      nodeLabel={<div>"Javascript"</div>}
-    >
+    <div style={{ width }}>
       <Tree
         nodeLabel={<div>"Javascript"</div>}
       >
-        Test
-    </Tree>
+        <Tree
+          nodeLabel={<div>"Javascript"</div>}
+        >
+          Test
     </Tree>
+      </Tree>
+    </div>
   )
 }