From 5841f3a52d2e5c55ecced905bc94cba9c300ffbf Mon Sep 17 00:00:00 2001
From: Thomas Hallock <thomas@evolutioniq.com>
Date: Sun, 14 Sep 2025 17:48:32 -0500
Subject: [PATCH] fix: replace invalid CSS 'space' property with 'gap' in guide
 page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Updated Panda CSS styling to use the correct 'gap' property instead of the
invalid 'space' property that was causing TypeScript compilation errors.
This ensures proper spacing in ordered lists.

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

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

diff --git a/apps/web/src/app/guide/page.tsx b/apps/web/src/app/guide/page.tsx
index 25d9db7f..8674a7c3 100644
--- a/apps/web/src/app/guide/page.tsx
+++ b/apps/web/src/app/guide/page.tsx
@@ -767,7 +767,7 @@ function ArithmeticOperationsGuide() {
           </h4>
           <ol className={css({
             pl: '6',
-            space: 'y-2',
+            gap: '2',
             color: 'gray.700'
           })}>
             <li className={css({ mb: '2' })}>1. Set the first number on the soroban</li>
@@ -843,7 +843,7 @@ function ArithmeticOperationsGuide() {
           </h4>
           <ol className={css({
             pl: '6',
-            space: 'y-2',
+            gap: '2',
             color: 'gray.700'
           })}>
             <li className={css({ mb: '2' })}>1. Set the minuend (first number) on the soroban</li>