diff --git a/packages/components/src/components/layout/flex/flex.ts b/packages/components/src/components/layout/flex/flex.ts
index 2533fc309..d94551c04 100644
--- a/packages/components/src/components/layout/flex/flex.ts
+++ b/packages/components/src/components/layout/flex/flex.ts
@@ -22,7 +22,7 @@ export const flexPropGap = [
   'xxl',
   '3xl',
   '4xl',
-  '5l',
+  '5xl',
   '6xl',
   '7xl',
 ] as const;
diff --git a/tools/public_api_guard/components/layout.api.md b/tools/public_api_guard/components/layout.api.md
index b085c61df..ddf09f4c0 100644
--- a/tools/public_api_guard/components/layout.api.md
+++ b/tools/public_api_guard/components/layout.api.md
@@ -32,7 +32,7 @@ export const flexPropFlex: readonly ["flex", "inline-flex"];
 export type FlexPropGap = (typeof flexPropGap)[number];
 
 // @public (undocumented)
-export const flexPropGap: readonly ["3xs", "xxs", "xs", "s", "m", "l", "xl", "xxl", "3xl", "4xl", "5l", "6xl", "7xl"];
+export const flexPropGap: readonly ["3xs", "xxs", "xs", "s", "m", "l", "xl", "xxl", "3xl", "4xl", "5xl", "6xl", "7xl"];
 
 // @public (undocumented)
 export type FlexPropJustifyContent = (typeof flexPropJustifyContent)[number];