The Two Scrollbars I Removed From the Dashboard

A small post about a small change. Two scrollbars. Both gone. The dashboard is meaningfully better.

Scrollbar #1: Recent Achievements

Used to be a horizontal overflow-x-auto row of badge pills. Five achievements would fit on a wide screen; eight wouldn't, and the row would scroll horizontally with a thin gray bar at the bottom.

The bar wasn't just visual noise — it was a usability problem. About a third of users never realized they could scroll, so on accounts with lots of achievements, the kid who earned them most recently got buried off-screen. The first three badges always showed; #4 onward needed an interaction the user didn't know existed.

Replaced with flex-wrap. Achievements now wrap into multiple rows naturally. Eight or eighty, all visible. The scrollbar disappears because there's nothing to scroll.

Scrollbar #2: Quick Actions

This one was subtler. Each kid card had a row of quick-action buttons (+$1, +$5, +$10, custom, -$1, -$2). On narrow viewports the row would horizontally scroll. On most laptops it didn't. So the bug was invisible to anyone testing on desktop and only affected phone users — exactly the audience where horizontal scroll feels worst.

Fixed by switching to a 3-column grid that stacks +$1 / +$5 / +$10 across one row and -$1 / -$2 / Custom across another. No scroll. Better-spaced taps. The "+" actions visually grouped together (green tones) and the "−" actions visually grouped (red).

Why this matters

There's a habit in software where teams ship a feature, declare it shipped, and never look at it again. KidCash is built on the opposite habit — every shipped feature comes back to bite you when you use it for real. The achievements row was fine in QA. It was wrong in week three with a real account.

The way you tell whether software is good is whether the team using it daily notices the small things and fixes them. Not what they say, what they do. Two scrollbars in two consecutive days. Tiny diffs. Real impact.

What else we caught while we were in there

Removing the scrollbars meant looking at the rest of the dashboard with fresh eyes. A few other things shipped in the same surgical sweep:

• Recent Achievements moved below the kids list instead of above. Celebratory content shouldn't push the actual interactive surface (kid cards) down.
• Family Pulse trend chart moved below for the same reason.
• Pending chore approvals stayed at the top — they're action items, not glance info.
• Weekly summary, next allowance hint, birthday countdown, and share-link tip moved to the bell dropdown. They were taking 200+ vertical pixels for content that's a one-line glance.

The whole change was committed in two PRs over an afternoon. None of it would have happened if we hadn't been bothered by the scrollbar in the first place.

What this is not

It is not a redesign. We didn't move pixels for the sake of moving pixels. Each change was: what specifically isn't working, and what's the simplest fix? Then ship.

The thing to take from this post — if you're building software — is that you don't need a redesign to feel like you're improving the product. Look at what you ship. Find the friction. Remove it.

— The KidCash Team

P.S. The dashboard is the place where parents do the most clicking, so it's the place we sweat the most. If you find a paper cut, tell us. We read everything.