diff --git a/figma-kit/src/components/flex/flex.stories.tsx b/figma-kit/src/components/flex/flex.stories.tsx
index 8915546..d30bc07 100644
--- a/figma-kit/src/components/flex/flex.stories.tsx
+++ b/figma-kit/src/components/flex/flex.stories.tsx
@@ -70,13 +70,13 @@ const meta: Meta<typeof Flex> = {
       options: [
         '0',
         'px',
-        '0_5',
+        '0.5',
         '1',
-        '1_5',
+        '1.5',
         '2',
-        '2_5',
+        '2.5',
         '3',
-        '3_5',
+        '3.5',
         '4',
         '5',
         '6',
diff --git a/figma-kit/src/components/flex/flex.tsx b/figma-kit/src/components/flex/flex.tsx
index 71ceb12..990213b 100644
--- a/figma-kit/src/components/flex/flex.tsx
+++ b/figma-kit/src/components/flex/flex.tsx
@@ -5,13 +5,13 @@ import { cva } from 'class-variance-authority';
 const gapVariants = {
   '0': 'fp-gap-0',
   px: 'fp-gap-px',
-  '0_5': 'fp-gap-0_5',
+  '0.5': 'fp-gap-0_5',
   '1': 'fp-gap-1',
-  '1_5': 'fp-gap-1_5',
+  '1.5': 'fp-gap-1_5',
   '2': 'fp-gap-2',
-  '2_5': 'fp-gap-2_5',
+  '2.5': 'fp-gap-2_5',
   '3': 'fp-gap-3',
-  '3_5': 'fp-gap-3_5',
+  '3.5': 'fp-gap-3_5',
   '4': 'fp-gap-4',
   '5': 'fp-gap-5',
   '6': 'fp-gap-6',