diff --git a/site/source/design-system/layout/index.tsx b/site/source/design-system/layout/index.tsx
index 36dd814ae..9168543c0 100644
--- a/site/source/design-system/layout/index.tsx
+++ b/site/source/design-system/layout/index.tsx
@@ -6,6 +6,7 @@ export { default as Container } from './Container'
 export { default as Grid } from './Grid'
 
 type SpacingProps = (
+	| { xxxl: true }
 	| { xxl: true }
 	| { xl: true }
 	| { lg: true }
@@ -30,6 +31,7 @@ export function Spacing(props: SpacingProps) {
 	)
 }
 
-const SpacingStyled = styled.div<{ $size: keyof Theme['spacings'] }>`
+const SpacingStyled = styled.span<{ $size: keyof Theme['spacings'] }>`
+	display: block;
 	min-height: ${({ theme, $size }) => theme.spacings[$size]};
 `