(fix) format message container

Author: antoine92190

src/components/FormatMessage/FormatMessage.scss

@@ -1,4 +1,8 @@
 .vac-format-message-wrapper {
+	.vac-format-container {
+		display: inline;
+	}
+
 	.vac-icon-deleted {
 		height: 14px;
 		width: 14px;

src/components/FormatMessage/FormatMessage.vue

@@ -4,10 +4,13 @@
 		:class="{ 'vac-text-ellipsis': singleLine }"
 	>
 		<div v-if="textFormatting" :class="{ 'vac-text-ellipsis': singleLine }">
-			<template v-for="(message, i) in linkifiedMessage">
+			<div
+				v-for="(message, i) in linkifiedMessage"
+				:key="i"
+				class="vac-format-container"
+			>
 				<component
 					:is="message.url ? 'a' : 'span'"
-					:key="i"
 					:class="{
 						'vac-text-ellipsis': singleLine,
 						'vac-text-bold': message.bold,
@@ -43,7 +46,7 @@
 						<span>{{ message.value }}</span>
 					</template>
 				</component>
-			</template>
+			</div>
 		</div>
 		<div v-else>
 			{{ formattedContent }}