diff --git a/ee/tabby-ui/app/playground/page.tsx b/ee/tabby-ui/app/playground/page.tsx
index afdde74..759b975 100644
--- a/ee/tabby-ui/app/playground/page.tsx
+++ b/ee/tabby-ui/app/playground/page.tsx
@@ -1,10 +1,18 @@
 import { Metadata } from 'next'
 import Chats from './components/chats'
+import { Header } from '@/components/header'
 
 export const metadata: Metadata = {
   title: 'Playground'
 }
 
 export default function IndexPage() {
-  return <Chats />
+  return (
+    <>
+      <Header />
+      <main className="bg-muted/50 flex flex-1 flex-col">
+        <Chats />
+      </main>
+    </>
+  )
 }