From 45065ba8fd6af2e418983dbc8c1d05408c00f83a Mon Sep 17 00:00:00 2001
From: Jared Pereira <jared@awarm.space>
Date: Wed, 27 May 2026 14:10:56 -0400
Subject: [PATCH] fix overflow in analytics page

---
 .../[publication]/dashboard/analytics/TrafficChart.tsx    | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/(app)/lish/[did]/[publication]/dashboard/analytics/TrafficChart.tsx b/app/(app)/lish/[did]/[publication]/dashboard/analytics/TrafficChart.tsx
index ccdc750e..237f3ffe 100644
--- a/app/(app)/lish/[did]/[publication]/dashboard/analytics/TrafficChart.tsx
+++ b/app/(app)/lish/[did]/[publication]/dashboard/analytics/TrafficChart.tsx
@@ -325,7 +325,7 @@ export const TopReferrors = (props: {
           return (
             <Fragment key={ref.referrer_host}>
               <button
-                className={`w-full flex justify-between gap-4 px-1 py-1.5 items-center text-right text-sm rounded-md ${selected ? "text-accent-contrast bg-[var(--accent-light)]" : ""}`}
+                className={`w-full flex justify-between gap-4 px-1 py-1.5 items-center text-sm rounded-md ${selected ? "text-accent-contrast bg-[var(--accent-light)]" : ""}`}
                 onClick={() => {
                   if (selected) {
                     props.setSelectedReferrer(undefined);
@@ -334,10 +334,12 @@ export const TopReferrors = (props: {
                   }
                 }}
               >
-                <div className="flex gap-2 items-center grow">
+                <div className="min-w-0 truncate text-left">
                   {ref.referrer_host}
                 </div>
-                {ref.pageviews.toLocaleString()}
+                <div className="shrink-0 tabular-nums">
+                  {ref.pageviews.toLocaleString()}
+                </div>
               </button>
               <hr className="border-border-light last:hidden" />
             </Fragment>
-- 
2.51.2