diff --git a/src/components/information-box/information-box.module.scss b/src/components/information-box/information-box.module.scss index e5e1634..f656fa4 100644 --- a/src/components/information-box/information-box.module.scss +++ b/src/components/information-box/information-box.module.scss @@ -1,4 +1,4 @@ -@import "../../styles/mixins/typography"; +@import '../../styles/mixins/typography'; .informationBox { .component { @@ -9,6 +9,7 @@ .description { @include sb-content-text; + line-height: var(--sb-text-line-height-small); font-size: var(--sb-small-text-font-size); } } diff --git a/src/styles/tokens/typography.scss b/src/styles/tokens/typography.scss index cc0c501..1812505 100644 --- a/src/styles/tokens/typography.scss +++ b/src/styles/tokens/typography.scss @@ -1,5 +1,6 @@ :root { // Line height + --sb-text-line-height-small: 20px; --sb-text-line-height: 24px; // Font weight --sb-font-weight-normal: 400;