From 04eb78c41af94c74d040a784b4997f102c9eebd4 Mon Sep 17 00:00:00 2001
From: ShobhitPatra <shobhit9999999@gmail.com>
Date: Thu, 5 Mar 2026 14:22:10 +0530
Subject: [PATCH] fix(docs): adjust playground sidebar toggle and share button
 spacing

---
 apps/docs/app/playground/page.tsx                | 2 +-
 apps/docs/components/playground/share-button.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/docs/app/playground/page.tsx b/apps/docs/app/playground/page.tsx
index e2ae2b6..9bae205 100644
--- a/apps/docs/app/playground/page.tsx
+++ b/apps/docs/app/playground/page.tsx
@@ -17,7 +17,7 @@ function SidebarToggle({
   return (
     <button
       onClick={onClick}
-      className="rounded-md p-1.5 text-fd-muted-foreground transition-colors hover:bg-fd-accent hover:text-fd-foreground"
+      className="rounded-md p-1.5 text-fd-muted-foreground transition-colors hover:bg-fd-accent hover:text-fd-foreground ml-2"
       aria-label={open ? "Collapse sidebar" : "Expand sidebar"}
     >
       <svg
diff --git a/apps/docs/components/playground/share-button.tsx b/apps/docs/components/playground/share-button.tsx
index 9eb7a03..e0dd557 100644
--- a/apps/docs/components/playground/share-button.tsx
+++ b/apps/docs/components/playground/share-button.tsx
@@ -18,7 +18,7 @@ export function ShareButton() {
   return (
     <button
       onClick={handleCopy}
-      className="flex items-center gap-1.5 rounded-lg border border-fd-border px-3 py-1.5 text-sm text-fd-muted-foreground transition-colors hover:bg-fd-accent hover:text-fd-foreground"
+      className="flex items-center gap-1.5 rounded-lg border border-fd-border mr-4 px-3 py-1.5 text-sm text-fd-muted-foreground transition-colors hover:bg-fd-accent hover:text-fd-foreground"
     >
       {copied ? (
         <>