From 57c212f4f5be591f712e1c5610e1f323e56e15dd Mon Sep 17 00:00:00 2001
From: Thomas Hallock <thomas@evolutioniq.com>
Date: Mon, 20 Oct 2025 19:24:28 -0500
Subject: [PATCH] fix(homepage): increase abacus container width to 120px/150px
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Increase abacus container width from 95px/110px to 120px (mobile) and
150px (desktop) to properly accommodate 3-column abacus visualizations
without clipping.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 apps/web/src/app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
index 259b3063..913c06c8 100644
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -274,7 +274,7 @@ export default function HomePage() {
                               <div
                                 className={css({
                                   fontSize: '3xl',
-                                  width: { base: '95px', lg: '110px' },
+                                  width: { base: '120px', lg: '150px' },
                                   minHeight: { base: '115px', lg: '140px' },
                                   display: 'flex',
                                   alignItems: 'center',