Use -color for border

packages/app/src/components/Sidebar/PageTree.tsx

@@ -24,7 +24,7 @@ const PageTree: FC = memo(() => {
 
       <div className="grw-sidebar-content-footer">
         {
-          data?.migratablePagesCount != null && data.migratablePagesCount !== 0 && (
+          data?.migratablePagesCount != null && data.migratablePagesCount === 0 && (
             <PrivateLegacyPages />
           )
         }

packages/app/src/components/Sidebar/PageTree/PrivateLegacyPages.tsx

@@ -7,7 +7,7 @@ const PrivateLegacyPages: FC = memo(() => {
   return (
     <div className="grw-prvt-legacy-pages p-3">
       <a href="#" className="h5">
-        <i className="fa fa-inbox mr-2"></i> PrivateLegacyPages
+        <i className="icon-drawer mr-2"></i> PrivateLegacyPages
       </a>
     </div>
   );

packages/app/src/styles/_page-tree.scss

@@ -31,5 +31,5 @@
 
 // TODO: improve style
 .grw-prvt-legacy-pages {
-  border-top: solid 1px gray;
+  border-top: solid 1px $border-color;
 }