diff --git a/packages/ui/src/composed/navigation-progress.tsx b/packages/ui/src/composed/navigation-progress.tsx
index 97a7534..b629199 100644
--- a/packages/ui/src/composed/navigation-progress.tsx
+++ b/packages/ui/src/composed/navigation-progress.tsx
@@ -15,11 +15,6 @@ export function NavigationProgress() {
   }, [state.status]);
 
   return (
-    <LoadingBar
-      color="var(--muted-foreground)"
-      height={2}
-      ref={ref}
-      shadow={true}
-    />
+    <LoadingBar color="var(--primary)" height={2} ref={ref} shadow={true} />
   );
 }