From d714368529f9102cf1d0c23afb28464f08bd9ffb Mon Sep 17 00:00:00 2001
From: greta <gretadoci@gmail.com>
Date: Wed, 27 Nov 2024 14:24:33 +0100
Subject: [PATCH] fix: new message button misalignment

Signed-off-by: greta <gretadoci@gmail.com>
---
 src/components/NoMessageSelected.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/NoMessageSelected.vue b/src/components/NoMessageSelected.vue
index 3045440131..35d8592df6 100644
--- a/src/components/NoMessageSelected.vue
+++ b/src/components/NoMessageSelected.vue
@@ -5,12 +5,19 @@
 
 <template>
 	<AppContentDetails class="app-content">
-		<NcEmptyContent :name="welcomeMessage" class="app-content__empty">
+		<NcEmptyContent class="app-content__empty">
 			<template #icon>
 				<IconMail :size="65" />
 			</template>
+			<template #name>
+				<h1 class="empty-content__name">
+					{{ welcomeMessage }}
+				</h1>
+			</template>
+			<template #action>
+				<NewMessageButtonHeader />
+			</template>
 		</NcEmptyContent>
-		<NewMessageButtonHeader />
 	</AppContentDetails>
 </template>