diff --git a/src/components/charts/trend-hint.tsx b/src/components/charts/trend-hint.tsx
index 13f64f844..8b767ebe7 100644
--- a/src/components/charts/trend-hint.tsx
+++ b/src/components/charts/trend-hint.tsx
@@ -34,7 +34,9 @@ export function TrendHint({ count }: TrendHintProps) {
       variant="plain"
       size="compact"
       icon={<TrendingUp className="size-4" />}
-      title={t("trendHints.title")}
+      title={
+        <span className="text-muted-foreground">{t("trendHints.title")}</span>
+      }
       description={description}
     />
   );
diff --git a/src/components/layout/auth-shell.tsx b/src/components/layout/auth-shell.tsx
index 68042d9a0..a4573d713 100644
--- a/src/components/layout/auth-shell.tsx
+++ b/src/components/layout/auth-shell.tsx
@@ -126,7 +126,7 @@ export function AuthShell({ children }: { children: React.ReactNode }) {
           <TopBar />
           <main
             id="main-content"
-            className="flex-1 overflow-y-auto pb-[calc(5rem+env(safe-area-inset-bottom,0px))] md:pb-0"
+            className="flex-1 overflow-y-auto pb-[calc(4rem+env(safe-area-inset-bottom,0px))] md:pb-0"
           >
             <div className="mx-auto max-w-[76.8rem] px-4 py-6 md:px-6">
               {children}
diff --git a/src/components/onboarding/getting-started-checklist.tsx b/src/components/onboarding/getting-started-checklist.tsx
index 71c6cb32a..7eab0eb1a 100644
--- a/src/components/onboarding/getting-started-checklist.tsx
+++ b/src/components/onboarding/getting-started-checklist.tsx
@@ -296,7 +296,7 @@ export function GettingStartedChecklist() {
               total: progress.total,
             })}
           </span>
-          <span className="font-mono tabular-nums">{progress.percent}%</span>
+          <span className="tabular-nums">{progress.percent}%</span>
         </div>
         <div className="bg-muted h-1.5 overflow-hidden rounded-full">
           <div