From 00b607267a9928435c59312c59476d9fc2d2fa8e Mon Sep 17 00:00:00 2001
From: Lee Jackson <130007945+Imagineer99@users.noreply.github.com>
Date: Sun, 3 May 2026 21:38:19 +0100
Subject: [PATCH] Studio: Polish spacing and profile input radius (#5222)

* UI: polish studio spacing and profile input radius

* chore: use standard rounded radius for profile input

---------

Co-authored-by: Roland Tannous <115670425+rolandtannous@users.noreply.github.com>
---
 studio/frontend/src/features/export/export-page.tsx             | 2 +-
 .../profile/components/profile-personalization-panel.tsx        | 2 +-
 studio/frontend/src/features/studio/studio-page.tsx             | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/studio/frontend/src/features/export/export-page.tsx b/studio/frontend/src/features/export/export-page.tsx
index 0d5d9c813c..046d9efac4 100644
--- a/studio/frontend/src/features/export/export-page.tsx
+++ b/studio/frontend/src/features/export/export-page.tsx
@@ -524,7 +524,7 @@ export function ExportPage() {
   // ---- Render ----
   return (
     <div className="min-h-[calc(100dvh-var(--studio-titlebar-height,0px))] bg-background">
-      <main className="mx-auto max-w-7xl px-4 py-4 sm:px-6">
+      <main className="mx-auto max-w-7xl px-4 py-8 sm:px-6">
         <GuidedTour {...tour.tourProps} />
 
         <div className="mb-8 flex flex-col gap-0.5">
diff --git a/studio/frontend/src/features/profile/components/profile-personalization-panel.tsx b/studio/frontend/src/features/profile/components/profile-personalization-panel.tsx
index 994115bc19..f30af7fcf9 100644
--- a/studio/frontend/src/features/profile/components/profile-personalization-panel.tsx
+++ b/studio/frontend/src/features/profile/components/profile-personalization-panel.tsx
@@ -139,7 +139,7 @@ export function ProfilePersonalizationPanel() {
             }}
             autoComplete="off"
             placeholder={sessionSub || "Unsloth"}
-            className="h-10 min-w-0 flex-1 rounded-lg text-sm"
+            className="h-10 min-w-0 flex-1 rounded-full text-sm"
           />
           <Button type="button" size="sm" className="h-10 px-5" onClick={saveName} disabled={!hasNameChanges}>
             Save
diff --git a/studio/frontend/src/features/studio/studio-page.tsx b/studio/frontend/src/features/studio/studio-page.tsx
index 8cfd39d5c1..2affe7415a 100644
--- a/studio/frontend/src/features/studio/studio-page.tsx
+++ b/studio/frontend/src/features/studio/studio-page.tsx
@@ -128,7 +128,7 @@ export function StudioPage(): ReactElement {
 
   return (
     <div className="relative min-h-[calc(100dvh-var(--studio-titlebar-height,0px))] bg-background">
-      <main className="relative z-10 mx-auto max-w-7xl px-4 py-4 sm:px-6">
+      <main className="relative z-10 mx-auto max-w-7xl px-4 py-8 sm:px-6">
         <GuidedTour {...tour.tourProps} celebrate={isConfigTour} />
 
         <DatasetPreviewDialog