diff --git a/src/patterns/04-components/facts-and-figures/_facts-and-figures.scss b/src/patterns/04-components/facts-and-figures/_facts-and-figures.scss index 7fad8349beef3991bba64124ab5ab84a31398f5e..05c826e107bfcf4754e495c927a565f23371a2ce 100644 --- a/src/patterns/04-components/facts-and-figures/_facts-and-figures.scss +++ b/src/patterns/04-components/facts-and-figures/_facts-and-figures.scss @@ -32,6 +32,9 @@ $highlighted-fact-round: $global-rounded; &__caption { color: var(--uw-black); + > :last-child { + margin-bottom: 0; + } } &__small { @@ -849,7 +852,7 @@ are the same height. */ .highlighted-fact-infographic { align-items: center; display: block; - height: 100%; + margin: 0 auto; .number, .timer { @@ -893,6 +896,7 @@ are the same height. */ height: 200px; position: relative; width: var(--size-10); + margin: 0 auto; } .graph { @@ -943,15 +947,18 @@ are the same height. */ } &.infographic-half-circle { - width: 15.625rem; + max-width: 15.625rem; svg { margin: calc(-0.14 * 100%) 0 calc(-0.4 * 100%); } } - &.infographic-circle { - width: 15.625rem; + max-width: 15.625rem; + + svg { + margin-top: calc(-0.14 * 100%); + } } }