Sidebar styling tweak

app/components/Sidebar/Sidebar.js

@@ -66,6 +66,22 @@ const Container = styled(Flex)`
     left: 0;
   }
 
+  &:before,
+  &:after {
+    content: '';
+    background: ${props => props.theme.smoke};
+    position: absolute;
+    top: -50vh;
+    left: 0;
+    width: 100%;
+    height: 50vh;
+  }
+
+  &:after {
+    top: auto;
+    bottom: -50vh;
+  }
+
   ${breakpoint('tablet')`
     width: ${props => props.theme.sidebarWidth};
     margin: 0;

app/types/index.js

@@ -37,11 +37,11 @@ export type NavigationNode = {
   id: string,
   title: string,
   url: string,
-  children: Array<NavigationNode>,
+  children: NavigationNode[],
 };
 
 export type Document = {
-  collaborators: Array<User>,
+  collaborators: User[],
   collection: Object,
   createdAt: string,
   createdBy: User,