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