diff --git a/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.scss b/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.scss index a7cbc8361d5..0d50138c958 100644 --- a/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.scss +++ b/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.scss @@ -72,8 +72,18 @@ &__content { @include body-2-regular; - li { + ul { @include body-2-regular; + margin-bottom: 16px; + margin-left: 16px; + + li { + margin-bottom: 1em; + + &:last-child { + margin-bottom: 0; + } + } } } diff --git a/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.tsx b/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.tsx index 0947db7b256..b059daea7fe 100644 --- a/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.tsx +++ b/packages/@ourworldindata/components/src/IndicatorBrief/IndicatorBrief.tsx @@ -38,7 +38,7 @@ export const IndicatorBrief = (props: IndicatorBriefProps) => {
+
+
+