From cf0cda5b65f4b5582c7b7978fc082e71b6aac8d9 Mon Sep 17 00:00:00 2001
From: shine1i <wasimysdev@gmail.com>
Date: Sun, 1 Feb 2026 06:57:15 +0100
Subject: [PATCH] chore: update labels and UI minor adjustments for clarity

---
 frontend/src/components/navbar.tsx                            | 2 +-
 frontend/src/features/onboarding/components/splash-screen.tsx | 4 ++--
 .../onboarding/components/steps/hyperparameters-step.tsx      | 2 +-
 frontend/src/features/studio/sections/dataset-section.tsx     | 2 +-
 frontend/src/features/studio/sections/model-section.tsx       | 4 ++--
 frontend/src/features/studio/sections/params-section.tsx      | 2 +-
 6 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/navbar.tsx b/frontend/src/components/navbar.tsx
index dbea8f23ef..3ccb8ef579 100644
--- a/frontend/src/components/navbar.tsx
+++ b/frontend/src/components/navbar.tsx
@@ -26,7 +26,7 @@ export function Navbar() {
   const [logoHovered, setLogoHovered] = useState(false);
 
   return (
-    <header className="sticky top-0 z-40 h-16 w-full">
+    <header className="top-0 z-40 h-16 w-full">
       <div className="mx-auto flex h-full max-w-7xl items-center justify-between px-6">
         {/* Left: logo */}
         <div
diff --git a/frontend/src/features/onboarding/components/splash-screen.tsx b/frontend/src/features/onboarding/components/splash-screen.tsx
index 730232278b..f79775b6b9 100644
--- a/frontend/src/features/onboarding/components/splash-screen.tsx
+++ b/frontend/src/features/onboarding/components/splash-screen.tsx
@@ -14,9 +14,9 @@ export function SplashScreen({
     <div className="fixed inset-0 z-50 flex flex-col items-center justify-center bg-gradient-to-b from-background via-background to-primary/5">
       {/* Mascot */}
       <motion.img
-        src="/Sloth emojis/Sloth w PC Confetti no Logo.png"
+        src="/Sloth emojis/Sloth loca pc.png"
         alt="Sloth mascot"
-        className="size-48"
+        className="size-30"
         initial={{ opacity: 0, y: 40, scale: 0.95 }}
         animate={{ opacity: 1, y: 0, scale: 1 }}
         transition={{
diff --git a/frontend/src/features/onboarding/components/steps/hyperparameters-step.tsx b/frontend/src/features/onboarding/components/steps/hyperparameters-step.tsx
index 2e41c2aecd..e7afe5f1fb 100644
--- a/frontend/src/features/onboarding/components/steps/hyperparameters-step.tsx
+++ b/frontend/src/features/onboarding/components/steps/hyperparameters-step.tsx
@@ -207,7 +207,7 @@ export function HyperparametersStep() {
             <div className="flex flex-col gap-4">
               <div className="flex items-center justify-between">
                 <FieldLabel className="flex items-center gap-1.5 !text-sm text-muted-foreground">
-                  Rank (r)
+                  Rank
                   <Tooltip>
                     <TooltipTrigger asChild={true}>
                       <button
diff --git a/frontend/src/features/studio/sections/dataset-section.tsx b/frontend/src/features/studio/sections/dataset-section.tsx
index e976e982da..b02330560b 100644
--- a/frontend/src/features/studio/sections/dataset-section.tsx
+++ b/frontend/src/features/studio/sections/dataset-section.tsx
@@ -183,7 +183,7 @@ export function DatasetSection() {
               icon={ArrowDown01Icon}
               className={`size-3.5 transition-transform ${recOpen ? "rotate-180" : ""}`}
             />
-            Recommended Datasets
+            Common Datasets
           </CollapsibleTrigger>
           <CollapsibleContent className="mt-3 flex flex-col gap-1.5">
             {DATASETS.filter((d) => d.recommended).map((d) => (
diff --git a/frontend/src/features/studio/sections/model-section.tsx b/frontend/src/features/studio/sections/model-section.tsx
index dfd034550f..0fff945c8f 100644
--- a/frontend/src/features/studio/sections/model-section.tsx
+++ b/frontend/src/features/studio/sections/model-section.tsx
@@ -170,7 +170,7 @@ export function ModelSection() {
         {/* HF Repo */}
         <div className="flex flex-col gap-2">
           <span className="text-xs font-medium text-muted-foreground">
-            HF Repo
+            Hugging Face Repo
           </span>
           <InputGroup>
             <InputGroupAddon>
@@ -260,7 +260,7 @@ export function ModelSection() {
         {/* HF Token */}
         <div className="flex flex-col gap-2">
           <span className="text-xs font-medium text-muted-foreground">
-            HF Token
+            Hugging Face Token (Optional)
           </span>
           <InputGroup>
             <InputGroupAddon>
diff --git a/frontend/src/features/studio/sections/params-section.tsx b/frontend/src/features/studio/sections/params-section.tsx
index b042b2c9e6..cc2953c005 100644
--- a/frontend/src/features/studio/sections/params-section.tsx
+++ b/frontend/src/features/studio/sections/params-section.tsx
@@ -477,7 +477,7 @@ export function ParamsSection(): ReactElement {
               icon={ArrowDown01Icon}
               className={`size-3.5 transition-transform ${hyperOpen ? "rotate-180" : ""}`}
             />
-            Training Hyperparams
+            Training Hyperparameters
           </CollapsibleTrigger>
           <CollapsibleContent className="mt-3">
             <Tabs defaultValue="optimization" className="w-full">