From 098f4709556fe00f8f38d0b4b3acfcb290265852 Mon Sep 17 00:00:00 2001
From: MaheshtheDev <38828053+MaheshtheDev@users.noreply.github.com>
Date: Thu, 2 Oct 2025 01:00:22 +0000
Subject: [PATCH] ui: fix progress bar thickness on regular browser (#445)

Before

![image.png](https://app.graphite.dev/user-attachments/assets/86346d6f-720f-498d-a2e1-80fa705cd7e7.png)

After

![image.png](https://app.graphite.dev/user-attachments/assets/a1bfd96d-022c-47bf-838f-13af31a24c23.png)
---
 apps/web/app/onboarding/progress-bar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/app/onboarding/progress-bar.tsx b/apps/web/app/onboarding/progress-bar.tsx
index 82aae3e9..8e201eae 100644
--- a/apps/web/app/onboarding/progress-bar.tsx
+++ b/apps/web/app/onboarding/progress-bar.tsx
@@ -10,7 +10,7 @@ export function OnboardingProgressBar() {
 		totalSteps === 0 ? 0 : (currentVisibleStepNumber / totalSteps) * 100
 
 	return (
-		<div className="fixed top-0 left-0 right-0 z-50 h-3 bg-zinc-200">
+		<div className="fixed top-0 left-0 right-0 z-50 h-[2px] bg-zinc-200">
 			<motion.div
 				className="h-full bg-gradient-to-r from-[#06245B] via-[#1A5EA7] to-[#DDF5FF]"
 				initial={{ width: "0%" }}