diff --git a/apps/website/src/app/(editor)/playgrounds/[playground]/wrapper/mobile.tsx b/apps/website/src/app/(editor)/playgrounds/[playground]/wrapper/mobile.tsx
index 16b095e..d411d0d 100644
--- a/apps/website/src/app/(editor)/playgrounds/[playground]/wrapper/mobile.tsx
+++ b/apps/website/src/app/(editor)/playgrounds/[playground]/wrapper/mobile.tsx
@@ -17,7 +17,7 @@ export function MobileWrapper({ children }: React.PropsWithChildren) {
       <Sheet open={explorerOpen} onOpenChange={setExplorerOpen}>
         <SheetBody
           side="right"
-          className="border-l-0 bg-transparent"
+          className="border-l-0 bg-transparent [&>button]:hidden"
           onClick={() => setExplorerOpen(false)}
         >
           <div
@@ -35,7 +35,7 @@ export function MobileWrapper({ children }: React.PropsWithChildren) {
       <Sheet open={terminalOpen} onOpenChange={setTerminalOpen}>
         <SheetBody
           side="right"
-          className="border-l-0 bg-transparent"
+          className="border-l-0 bg-transparent [&>button]:hidden"
           onClick={() => setExplorerOpen(false)}
         >
           <div
diff --git a/apps/website/src/components/terminal/index.tsx b/apps/website/src/components/terminal/index.tsx
index 3dd6fd8..d7792c9 100644
--- a/apps/website/src/components/terminal/index.tsx
+++ b/apps/website/src/components/terminal/index.tsx
@@ -44,8 +44,8 @@ export function Terminal({ runtime }: Terminal.Props) {
 
   return (
     <section className="h-full">
-      <Tabs defaultValue="run" className="h-full">
-        <ScrollArea className="flex items-center whitespace-nowrap">
+      <Tabs defaultValue="run" className="h-full gap-0">
+        <ScrollArea className="flex items-center whitespace-nowrap rounded-full">
           <TabsList className="h-10 w-full space-x-1 rounded-none border-b-2 bg-transparent px-0.5">
             {(
               [