diff --git a/apps/canvas/front/src/App.tsx b/apps/canvas/front/src/App.tsx
index afacdb1..f37370a 100644
--- a/apps/canvas/front/src/App.tsx
+++ b/apps/canvas/front/src/App.tsx
@@ -5,38 +5,42 @@
 import { Config } from "./Config";
 import { Integrations } from "./Integrations";
 import { Toaster } from "./components/ui/toaster";
-import { Header } from "./Header";
+import { ProjectSelect } from "./ProjectSelect";
 import { Logs } from "./components/logs";
 
 export default function App() {
 	return (
 		<ReactFlowProvider>
-			<Header />
-			<AppImpl />
-			<Toaster />
+			<div className="h-screen flex flex-col">
+				<AppImpl />
+				<Toaster />
+			</div>
 		</ReactFlowProvider>
 	);
 }
 
 function AppImpl() {
 	return (
-		<Tabs defaultValue="canvas">
-			<TabsList>
-				<TabsTrigger value="canvas">Canvas</TabsTrigger>
-				<TabsTrigger value="config">Config</TabsTrigger>
-				<TabsTrigger value="integrations">Integrations</TabsTrigger>
-				<TabsTrigger value="logs">Logs</TabsTrigger>
-			</TabsList>
-			<TabsContent value="canvas">
+		<Tabs defaultValue="canvas" className="flex-1 flex flex-col min-h-0">
+			<div className="flex items-center justify-between px-4 border-b">
+				<TabsList>
+					<TabsTrigger value="canvas">Canvas</TabsTrigger>
+					<TabsTrigger value="logs">Logs</TabsTrigger>
+					<TabsTrigger value="config">Config</TabsTrigger>
+					<TabsTrigger value="integrations">Integrations</TabsTrigger>
+				</TabsList>
+				<ProjectSelect />
+			</div>
+			<TabsContent value="canvas" className="flex-1 min-h-0">
 				<CanvasBuilder />
 			</TabsContent>
-			<TabsContent value="config">
+			<TabsContent value="config" className="flex-1 min-h-0">
 				<Config />
 			</TabsContent>
-			<TabsContent value="integrations">
+			<TabsContent value="integrations" className="flex-1 min-h-0">
 				<Integrations />
 			</TabsContent>
-			<TabsContent value="logs">
+			<TabsContent value="logs" className="flex-1 min-h-0">
 				<Logs />
 			</TabsContent>
 		</Tabs>