diff --git a/app/components/TabLink.tsx b/app/components/TabLink.tsx
index 5752841..935547c 100644
--- a/app/components/TabLink.tsx
+++ b/app/components/TabLink.tsx
@@ -13,7 +13,7 @@ export default function TabLink({ name, to, icon }: Properties) {
 		<NavLink
 			to={to}
 			className={({ isActive, isPending }) => clsx(
-				'flex items-center gap-x-2 p-2 border-b-2 text-sm',
+				'flex items-center gap-x-2 p-2 border-b-2 text-md',
 				isActive ? 'border-white' : 'border-transparent'
 			)}
 		>
diff --git a/app/routes/_data.tsx b/app/routes/_data.tsx
index 6df72b2..cd0ec53 100644
--- a/app/routes/_data.tsx
+++ b/app/routes/_data.tsx
@@ -1,4 +1,4 @@
-import { CpuChipIcon, ServerStackIcon, UsersIcon } from '@heroicons/react/24/outline'
+import { Cog8ToothIcon, CpuChipIcon, GlobeAltIcon, LockClosedIcon, ServerStackIcon, UsersIcon } from '@heroicons/react/24/outline'
 import { type LoaderFunctionArgs, redirect } from '@remix-run/node'
 import { Outlet } from '@remix-run/react'
 
@@ -45,8 +45,11 @@ export default function Layout() {
 						<h1 className='text-2xl'>Headplane</h1>
 					</div>
 					<div className='flex items-center gap-x-4'>
-						<TabLink to='/machines' name='Machines' icon={<ServerStackIcon className='w-4 h-4'/>}/>
-						<TabLink to='/users' name='Users' icon={<UsersIcon className='w-4 h-4'/>}/>
+						<TabLink to='/machines' name='Machines' icon={<ServerStackIcon className='w-5 h-5'/>}/>
+						<TabLink to='/users' name='Users' icon={<UsersIcon className='w-5 h-5'/>}/>
+						<TabLink to='/acls' name='Access Control' icon={<LockClosedIcon className='w-5 h-5'/>}/>
+						<TabLink to='/dns' name='DNS' icon={<GlobeAltIcon className='w-5 h-5'/>}/>
+						<TabLink to='/settings' name='Settings' icon={<Cog8ToothIcon className='w-5 h-5'/>}/>
 					</div>
 				</nav>
 			</header>