diff --git a/app/components/nav-header.tsx b/app/components/nav-header.tsx
index d93d6ba..b98a0c4 100644
--- a/app/components/nav-header.tsx
+++ b/app/components/nav-header.tsx
@@ -16,7 +16,7 @@ export function NavHeader() {
 
 	return (
 		<header className="p-2 border-b dark:border-neutral-700">
-			<div className="flex justify-between items-center">
+			<div className="flex gap-2 justify-between items-center">
 				<div className="flex items-center gap-2 font-bold text-violet-500 font-mono">
 					<div className="text-xl bg-violet-500/10 rounded-lg p-1">
 						<div className="i-lucide-container" />
@@ -29,8 +29,8 @@ export function NavHeader() {
 						className={clsx(
 							"flex text-sm font-mono border rounded-lg divide-x dark:(border-neutral-700 divide-neutral-700) overflow-hidden",
 							{
-								"!border-blue-500/70": isLogs && appId,
-								"!border-rose-500/70": isRequests && appId,
+								"!border-blue-500": isLogs && appId,
+								"!border-rose-500": isRequests && appId,
 							},
 						)}
 					>
diff --git a/app/routes/app.tsx b/app/routes/app.tsx
index ecd300a..ad3d9fa 100644
--- a/app/routes/app.tsx
+++ b/app/routes/app.tsx
@@ -32,12 +32,12 @@ export const action = async ({ request }: ActionFunctionArgs) => {
 
 export default function AppLayout() {
 	return (
-		<div className="grid grid-cols-5 h-screen">
-			<div className="col-span-1 h-screen border-e bg-zinc-50 dark:(bg-neutral-900 border-neutral-700) flex flex-col">
+		<div className="flex h-screen">
+			<div className="min-w-78 w-78 h-screen border-e bg-zinc-50 dark:(bg-neutral-900 border-neutral-700) flex flex-col">
 				<NavHeader />
 				<AppsList />
 			</div>
-			<div className="col-span-4 h-screen dark:bg-neutral-800">
+			<div className="flex-1 h-screen dark:bg-neutral-800">
 				<div className="flex flex-col h-full">
 					<Outlet />
 				</div>
diff --git a/uno.config.ts b/uno.config.ts
index 14ad68f..d44082c 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -8,9 +8,9 @@ import {
 } from "unocss";
 
 export default defineConfig({
-	content: {
-		filesystem: ["**/*.{html,js,ts,jsx,tsx,vue,svelte,astro}"],
-	},
-	presets: [presetWind3({ dark: "media" }), presetIcons(), presetForms()],
-	transformers: [transformerDirectives(), transformerVariantGroup()],
+  content: {
+    filesystem: ["app/**/*.{html,js,ts,tsx}"],
+  },
+  presets: [presetWind3({ dark: "media" }), presetIcons(), presetForms()],
+  transformers: [transformerDirectives(), transformerVariantGroup()],
 });