diff --git a/app/renderer/sections/Spend.tsx b/app/renderer/sections/Spend.tsx
index ebf2fc77..40c14c48 100644
--- a/app/renderer/sections/Spend.tsx
+++ b/app/renderer/sections/Spend.tsx
@@ -119,7 +119,7 @@ function SpendPage({
{daily.length ? : No model spend in this range yet.}
-
+
{projects.length ? (
projects.map((project, i) => (
}) {
return (
-
+
{rows.map((row, i) => (
))}
diff --git a/app/renderer/styles/plain.css b/app/renderer/styles/plain.css
index 67262340..94bbb9fd 100644
--- a/app/renderer/styles/plain.css
+++ b/app/renderer/styles/plain.css
@@ -295,6 +295,10 @@ body { overflow: hidden; background: var(--bg); color: var(--ink); }
.panel { border-color: var(--line); box-shadow: var(--card-shadow); }
.spend-top-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.spend-breakdowns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
+.spend-scroll > .pbody { max-height: 300px; overflow-y: auto; }
+.spend-scroll > .pbody::-webkit-scrollbar { width: 6px; }
+.spend-scroll > .pbody::-webkit-scrollbar-thumb { background: var(--mut2); border-radius: 3px; }
+.spend-scroll > .pbody::-webkit-scrollbar-track { background: var(--line); }
.error-boundary { display: flex; padding: 20px; }
.error-card { max-width: 760px; padding: 16px 18px; }
.error-title { margin: 0 0 8px; font-size: 14px; font-weight: 620; color: var(--ink); }