From 5a4d9ba40a0833647d469f4c73dba9595278cf8a Mon Sep 17 00:00:00 2001
From: Matthew Ferry <hello@matthew-ferry.com>
Date: Sat, 7 Oct 2023 01:37:01 +0000
Subject: [PATCH] fix: use size variable tokens in storybook

---
 packages/tokens/stories/size.stories.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/tokens/stories/size.stories.tsx b/packages/tokens/stories/size.stories.tsx
index 22179cf81..000bb0d97 100644
--- a/packages/tokens/stories/size.stories.tsx
+++ b/packages/tokens/stories/size.stories.tsx
@@ -15,7 +15,7 @@ export const Size = {
         display: 'grid',
         gridTemplateColumns: 'auto auto 1fr',
         alignItems: 'center',
-        gap: '2.4rem',
+        gap: 'var(--lp-size-24)',
       }}
     >
       {Object.entries(sizes).map(([key, value]) => (
@@ -28,7 +28,7 @@ export const Size = {
             style={{
               backgroundColor: 'var(--lp-color-system-green-500)',
               width: value,
-              height: '1.6rem',
+              height: 'var(--lp-size-16)',
             }}
           />
         </>