ui(admin): fix max width container

resources/scripts/components/admin/Sidebar.tsx

@@ -60,9 +60,13 @@ const Sidebar = styled.div<{ $collapsed?: boolean }>`
       ${tw`invisible`};
     }
 
-    ${Wrapper} > a {
+    ${Wrapper} {
+        ${tw`px-5`};
+
+        & > a {
             ${tw`justify-center px-0`};
         }
+    }
 
     & > a {
       ${tw`justify-center px-4`};

resources/scripts/routers/AdminRouter.tsx

@@ -33,7 +33,7 @@ import { AdminContext } from '@/state/admin';
 import {
     CogIcon,
     DatabaseIcon,
-    FolderAddIcon,
+    FolderIcon,
     GlobeIcon,
     OfficeBuildingIcon,
     ReplyIcon,
@@ -100,7 +100,7 @@ const AdminRouter = ({ location, match }: RouteComponentProps) => {
                         <ViewGridIcon/><span>Nests</span>
                     </NavLink>
                     <NavLink to={`${match.url}/mounts`}>
-                        <FolderAddIcon/><span>Mounts</span>
+                        <FolderIcon/><span>Mounts</span>
                     </NavLink>
                 </Sidebar.Wrapper>
                 <NavLink to={'/'} css={tw`mt-auto mb-3`}>
@@ -117,6 +117,7 @@ const AdminRouter = ({ location, match }: RouteComponentProps) => {
                 </Sidebar.User>
             </Sidebar>
             <div css={tw`flex-1 overflow-x-hidden px-6 pt-6 lg:px-10 lg:pt-8 xl:px-16 xl:pt-12`}>
+                <div css={tw`w-full flex flex-col mx-auto`} style={{ maxWidth: '86rem' }}>
                     <Switch location={location}>
                         <Route path={`${match.path}`} component={OverviewContainer} exact/>
                         <Route path={`${match.path}/settings`} component={SettingsContainer} exact/>
@@ -147,6 +148,7 @@ const AdminRouter = ({ location, match }: RouteComponentProps) => {
                     </Switch>
                 </div>
             </div>
+        </div>
     );
 };