Ui redesign: rounded corners

[rin-st]

Most changes are just making borders square

Example of how component looks after update

---

How to test with se-2 scaffold-eth/scaffold-eth-2#1282 (comment)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
scaffold-ui-docs	Ready	Preview, Comment	Jun 9, 2026 12:05pm
scaffold-ui-example	Ready	Preview, Comment	Jun 9, 2026 12:05pm

[technophile-04]

Did a pass on the square redesign with Claude code and direction looks great. Found a few rounded leftovers the sweep missed, plus one CSS-level radius that a class search wouldn't catch. Grouping them here so it's one fixup commit:

@sacffold-ui/componets:

• Balance error state still rounded:

  scaffold-ui/packages/components/src/Balance.tsx

  Line 57 in 979f59a

  className="border border-gray-300 rounded px-2 flex flex-col items-center max-w-fit text-sui-primary-content"

• Balance loading skeleton still rounded:

  scaffold-ui/packages/components/src/Balance.tsx

  Line 49 in 979f59a

  <div className="h-4 w-20 bg-sui-skeleton-base rounded" />

• Tuple type badge still rounded:

  scaffold-ui/packages/debug-contracts/src/components/TupleArray.tsx

  Line 108 in 979f59a

  <span className="inline-block bg-sui-primary-subtle text-sui-primary-content text-xs px-2 py-1 rounded">

CSS-level radius (class sweep can't see this one):

• .sui-skeleton has border-radius: 0.2rem baked in, so every skeleton stays rounded even after the rounded-* classes were stripped (e.g. the avatar skeletons in Address.tsx). Needs to be set to 0 here:

  scaffold-ui/packages/components/src/styles.css

  Line 45 in 979f59a

  border-radius: 0.2rem;

Example app (lower stakes, but it contradicts the squared components):

• Refresh button still rounded:

  scaffold-ui/example/app/components/UseBalanceExample.tsx

  Line 78 in 979f59a

  className="flex items-center gap-2 px-3 py-1 rounded bg-gray-800 hover:bg-gray-700 transition-colors"

Unrelated, but while you're in there — the loading spinner width fix uses var(--size-selector, 0.25rem), but --size-selector isn't defined anywhere in the repo, so it always falls back to 0.25rem. Looks copied from daisyUI. Probably cleaner as a plain 1.5rem (or calc(0.25rem * 6)):

scaffold-ui/packages/debug-contracts/src/styles.css

Line 76 in 979f59a

width: calc(var(--size-selector, 0.25rem) * 6);

[rin-st]

Ooops, I fixed all the issues 5 days ago but for some reason forgot to sent the message or something went wrong when I sent it. Ready to re-review!

[technophile-04]

Almost everthing looks great! Thanks Rinat, great work!