diff --git a/components/contentblocks/IndicatorGroupBlock.tsx b/components/contentblocks/IndicatorGroupBlock.tsx index 20157263..f8a9fd47 100644 --- a/components/contentblocks/IndicatorGroupBlock.tsx +++ b/components/contentblocks/IndicatorGroupBlock.tsx @@ -14,7 +14,7 @@ import { SectionHeader } from 'components/contentblocks/ActionListBlock'; const IndicatorGraphSection = styled.div` background-color: ${(props) => props.theme.neutralLight}; - padding: ${(props) => props.theme.spaces.s300}; + padding: ${(props) => props.theme.spaces.s400} 0; color: ${(props) => readableColor( props.theme.neutralLight, @@ -83,6 +83,10 @@ const StyledColCentered = styled(Col)` justify-content: center; `; +const StyledRow = styled(Row)` + margin-top: ${(props) => props.theme.spaces.s400}; +`; + type Props = { id?: string; title?: string; @@ -101,7 +105,7 @@ const IndicatorGroupBlock = ({ id = '', title, indicators }: Props) => { {displayHeader && displayHeader !== '-' ? ( {displayHeader} ) : null} - + {indicators.map((item) => ( { key={item.indicator.id} /> ))} - +