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 ? (
         <>