From adf59f813253b17662271b48f74bd1cd852ed835 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Mon, 24 Feb 2025 12:38:54 +0800
Subject: [PATCH] fix(layout): add padding to ScrollArea in description and
 workspace layouts

---
 src/app/(app)/playground/@description/layout.tsx | 2 +-
 src/app/(app)/playground/@workspace/layout.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/(app)/playground/@description/layout.tsx b/src/app/(app)/playground/@description/layout.tsx
index f32155f..21e38ed 100644
--- a/src/app/(app)/playground/@description/layout.tsx
+++ b/src/app/(app)/playground/@description/layout.tsx
@@ -9,7 +9,7 @@ interface DescriptionLayoutProps {
 export default function DescriptionLayout({ children }: DescriptionLayoutProps) {
   return (
     <Tabs defaultValue="description" className="h-full flex flex-col">
-      <ScrollArea className="h-9 flex-none bg-muted">
+      <ScrollArea className="h-9 flex-none bg-muted px-1">
         <TabsList className="gap-1 bg-transparent">
           <TabsTrigger
             value="description"
diff --git a/src/app/(app)/playground/@workspace/layout.tsx b/src/app/(app)/playground/@workspace/layout.tsx
index 7d6c024..f49eab6 100644
--- a/src/app/(app)/playground/@workspace/layout.tsx
+++ b/src/app/(app)/playground/@workspace/layout.tsx
@@ -9,7 +9,7 @@ interface WorkspaceLayoutProps {
 export default function WorkspaceLayout({ children }: WorkspaceLayoutProps) {
   return (
     <Tabs defaultValue="code" className="h-full flex flex-col">
-      <ScrollArea className="h-9 flex-none bg-muted">
+      <ScrollArea className="h-9 flex-none bg-muted px-1">
         <TabsList className="gap-1 bg-transparent">
           <TabsTrigger
             value="code"