diff --git a/.changeset/light-pans-join.md b/.changeset/light-pans-join.md new file mode 100644 index 00000000000..13187786746 --- /dev/null +++ b/.changeset/light-pans-join.md @@ -0,0 +1,5 @@ +--- +'@talend/design-system': patch +--- + +Fix minor side effect w/ InlineMessage component style when used in modal diff --git a/packages/design-system/src/components/InlineMessage/Primitive/InlineMessagePrimitive.module.scss b/packages/design-system/src/components/InlineMessage/Primitive/InlineMessagePrimitive.module.scss index 7f78ba3593c..37f489378ba 100644 --- a/packages/design-system/src/components/InlineMessage/Primitive/InlineMessagePrimitive.module.scss +++ b/packages/design-system/src/components/InlineMessage/Primitive/InlineMessagePrimitive.module.scss @@ -1,7 +1,9 @@ @use '~@talend/design-tokens/lib/tokens'; .inlineMessage { - display: inline; + align-items: center; + display: flex; + font: tokens.$coral-paragraph-m; color: tokens.$coral-color-neutral-text; @@ -13,10 +15,9 @@ margin-right: tokens.$coral-spacing-xxs; width: tokens.$coral-sizing-xxxs; height: tokens.$coral-sizing-xxxs; - display: inline-block; + display: inline-flex; // Visually align icon in inline mode position: relative; - top: 0.3rem; svg { width: tokens.$coral-sizing-xxxs; @@ -51,5 +52,4 @@ top: 0.1rem; } } - }