fix: reduce tab font/padding on mobile to fit all 4 tabs

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-22 18:12:05 +00:00
parent e3d8b4d16d
commit b1fb2e974b
1 changed files with 1 additions and 1 deletions
--- a/apps/web/src/modules/marketing/home/report-preview.tsx
+++ b/apps/web/src/modules/marketing/home/report-preview.tsx
@@ -387,7 +387,7 @@ export const ReportPreview = () => {
                type="button"
                onClick={() => setActiveTab(tab)}
                className={cn(
-                  "text-muted-foreground hover:text-foreground relative flex-1 px-4 py-3 text-sm font-medium transition-colors",
+                  "text-muted-foreground hover:text-foreground relative flex-1 px-2 py-3 text-xs font-medium transition-colors sm:px-4 sm:text-sm",
                  activeTab === tab && "text-foreground",
                )}
              >