Merge branch 'malj/1880' into staging

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) => {

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 <List>{children}</List>
+  return <StyledList>{children}</StyledList>
 }

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 <List variant="numbered">{children}</List>
+  return <StyledList variant="numbered">{children}</StyledList>
 }

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'