diff --git a/src/app/(app)/playground/@workspace/@editor/components/footer.tsx b/src/app/(app)/playground/@workspace/@editor/components/footer.tsx
index 9b25899..e5fb567 100644
--- a/src/app/(app)/playground/@workspace/@editor/components/footer.tsx
+++ b/src/app/(app)/playground/@workspace/@editor/components/footer.tsx
@@ -39,7 +39,7 @@ export default function WorkspaceEditorFooter({
   return (
     <footer
       {...props}
-      className={cn("h-9 flex items-center bg-muted px-3 py-2", className)}
+      className={cn("h-9 flex flex-none items-center bg-muted px-3 py-2", className)}
     >
       <div className="w-full flex items-center justify-end">
         {position
diff --git a/src/app/(app)/playground/@workspace/@editor/components/header.tsx b/src/app/(app)/playground/@workspace/@editor/components/header.tsx
index d44b940..72a2919 100644
--- a/src/app/(app)/playground/@workspace/@editor/components/header.tsx
+++ b/src/app/(app)/playground/@workspace/@editor/components/header.tsx
@@ -12,7 +12,7 @@ export default function WorkspaceEditorHeader({
   return (
     <header
       {...props}
-      className={cn("h-8 flex items-center p-1 border-b", className)}
+      className={cn("h-8 flex flex-none items-center px-2 border-b", className)}
     >
       <div className="w-full flex items-center">
         <div className="flex items-center gap-x-2">
diff --git a/src/app/(app)/playground/@workspace/layout.tsx b/src/app/(app)/playground/@workspace/layout.tsx
index 4619536..051e097 100644
--- a/src/app/(app)/playground/@workspace/layout.tsx
+++ b/src/app/(app)/playground/@workspace/layout.tsx
@@ -25,7 +25,7 @@ export default function WorkspaceLayout({ editor }: WorkspaceLayoutProps) {
         </TabsList>
         <ScrollBar orientation="horizontal" />
       </ScrollArea>
-      <TabsContent value="editor" className="grow mt-0">
+      <TabsContent value="editor" className="flex-1 mt-0">
         {editor}
       </TabsContent>
     </Tabs>