From c0fbe7d4a5b343e51cedc966c88d7662c94bfb6e Mon Sep 17 00:00:00 2001
From: Manan17 <shahmanan170602@gmail.com>
Date: Fri, 13 Feb 2026 19:03:51 +0000
Subject: [PATCH 1/2] Change of font space for title

---
 studio/frontend/src/features/export/export-page.tsx | 4 ++--
 studio/frontend/src/features/studio/studio-page.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/studio/frontend/src/features/export/export-page.tsx b/studio/frontend/src/features/export/export-page.tsx
index ddea863397..2e6b744f2d 100644
--- a/studio/frontend/src/features/export/export-page.tsx
+++ b/studio/frontend/src/features/export/export-page.tsx
@@ -105,8 +105,8 @@ export function ExportPage() {
 
   return (
     <div className="min-h-screen bg-background">
-      <main className="mx-auto max-w-7xl px-6 py-8">
-        <div className="mb-8 flex flex-col gap-1">
+      <main className="mx-auto max-w-7xl px-6 py-4">
+        <div className="mb-8 flex flex-col gap-0.5">
           <h1 className="text-2xl font-semibold tracking-tight">
             Export Model
           </h1>
diff --git a/studio/frontend/src/features/studio/studio-page.tsx b/studio/frontend/src/features/studio/studio-page.tsx
index 14cf64f3e9..d5e20fc194 100644
--- a/studio/frontend/src/features/studio/studio-page.tsx
+++ b/studio/frontend/src/features/studio/studio-page.tsx
@@ -19,9 +19,9 @@ export function StudioPage(): ReactElement {
 
   return (
     <div className="min-h-screen bg-background">
-      <main className="mx-auto max-w-7xl px-6 py-8">
+      <main className="mx-auto max-w-7xl px-6 py-4">
         {/* Header */}
-        <div className="mb-8 flex flex-col gap-1">
+        <div className="mb-8 flex flex-col gap-0.5">
           <h1 className="text-2xl font-semibold tracking-tight">
             Fine-tuning Studio
           </h1>

From 22105454936db82004b11dbdf25fb2b6b131627d Mon Sep 17 00:00:00 2001
From: Manan17 <shahmanan170602@gmail.com>
Date: Fri, 13 Feb 2026 19:22:39 +0000
Subject: [PATCH 2/2] fixing padding for titles

---
 .../src/features/studio/sections/charts-content.tsx       | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/studio/frontend/src/features/studio/sections/charts-content.tsx b/studio/frontend/src/features/studio/sections/charts-content.tsx
index 60c9486565..ab1290e5eb 100644
--- a/studio/frontend/src/features/studio/sections/charts-content.tsx
+++ b/studio/frontend/src/features/studio/sections/charts-content.tsx
@@ -266,7 +266,7 @@ export function ChartsContent({
     <div className="grid grid-cols-1 gap-6 lg:grid-cols-2">
       <Card size="sm">
         <CardHeader>
-          <CardTitle className="text-sm">Training Loss</CardTitle>
+          <CardTitle className="text-sm pl-2">Training Loss</CardTitle>
           <CardAction>
             <DropdownMenu>
               <DropdownMenuTrigger asChild={true}>
@@ -414,7 +414,7 @@ export function ChartsContent({
 
       <Card size="sm">
         <CardHeader>
-          <CardTitle className="text-sm">Gradient Norm</CardTitle>
+          <CardTitle className="text-sm pl-2">Gradient Norm</CardTitle>
         </CardHeader>
         <CardContent>
           <ChartContainer
@@ -482,7 +482,7 @@ export function ChartsContent({
 
       <Card size="sm">
         <CardHeader>
-          <CardTitle className="text-sm">Learning Rate</CardTitle>
+          <CardTitle className="text-sm pl-2">Learning Rate</CardTitle>
         </CardHeader>
         <CardContent>
           <ChartContainer config={lrConfig} className="-ml-1.5 h-[220px] w-full">
@@ -548,7 +548,7 @@ export function ChartsContent({
 
       <Card size="sm">
         <CardHeader>
-          <CardTitle className="text-sm text-muted-foreground">
+          <CardTitle className="text-sm text-muted-foreground pl-2">
             Eval Loss
           </CardTitle>
         </CardHeader>