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