From 43776f74c7c3a7733b8951cf7f1bd7b19aafe3f2 Mon Sep 17 00:00:00 2001
From: jmainguytalend <102585684+jmainguytalend@users.noreply.github.com>
Date: Mon, 18 Dec 2023 14:56:44 +0100
Subject: [PATCH] fix: InlineMessage style (#5064)

---
 .changeset/light-pans-join.md                             | 5 +++++
 .../Primitive/InlineMessagePrimitive.module.scss          | 8 ++++----
 2 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/light-pans-join.md

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;
 		}
 	}
-
 }