diff --git a/web/pageComponents/shared/portableText/IngressText.tsx b/web/pageComponents/shared/portableText/IngressText.tsx index 0db2ba4db..ab5d15caa 100644 --- a/web/pageComponents/shared/portableText/IngressText.tsx +++ b/web/pageComponents/shared/portableText/IngressText.tsx @@ -10,6 +10,7 @@ const { Item } = List const StyledList = styled(List)` font-size: var(--typeScale-2); + margin-bottom: var(--space-medium); ` const defaultComponents = (centered: boolean) => { diff --git a/web/pageComponents/shared/portableText/components/BulletList.tsx b/web/pageComponents/shared/portableText/components/BulletList.tsx index c7ad21e1b..cc9712d2d 100644 --- a/web/pageComponents/shared/portableText/components/BulletList.tsx +++ b/web/pageComponents/shared/portableText/components/BulletList.tsx @@ -1,5 +1,10 @@ import { List } from '@components' +import styled from 'styled-components' + +const StyledList = styled(List)` + margin-bottom: var(--space-medium); +` export const BulletList = ({ children }: { children?: React.ReactNode }) => { - return {children} + return {children} } diff --git a/web/pageComponents/shared/portableText/components/NumberedList.tsx b/web/pageComponents/shared/portableText/components/NumberedList.tsx index 528968aa7..f1bdc6e76 100644 --- a/web/pageComponents/shared/portableText/components/NumberedList.tsx +++ b/web/pageComponents/shared/portableText/components/NumberedList.tsx @@ -1,5 +1,9 @@ import { List } from '@components' +import styled from 'styled-components' +const StyledList = styled(List)` + margin-bottom: var(--space-medium); +` export const NumberedList = ({ children }: { children?: React.ReactNode }) => { - return {children} + return {children} } diff --git a/web/pageComponents/topicPages/TextBlock.tsx b/web/pageComponents/topicPages/TextBlock.tsx index b998d38a1..f1fe1d4dc 100644 --- a/web/pageComponents/topicPages/TextBlock.tsx +++ b/web/pageComponents/topicPages/TextBlock.tsx @@ -1,4 +1,4 @@ -import { Eyebrow, BackgroundContainer, Text, Heading } from '@components' +import { Eyebrow, BackgroundContainer, Heading } from '@components' import IngressText from '../shared/portableText/IngressText' import RichText from '../shared/portableText/RichText' import TitleText from '../shared/portableText/TitleText'