diff --git a/packages/client/src/pages/messaging/index.vue b/packages/client/src/pages/messaging/index.vue
index aa877edd6..ee9e16296 100644
--- a/packages/client/src/pages/messaging/index.vue
+++ b/packages/client/src/pages/messaging/index.vue
@@ -83,30 +83,31 @@
 					</swiper-slide>
 					<swiper-slide>
 						<div class="_content yweeujhr channels">
-							<MkButton
-								primary
-								class="start"
-								v-if="!isMobile"
-								@click="visitAnnouncements"
-								><i class="ph-megaphone-simple ph-bold ph-lg"></i>
-								{{ i18n.ts.announcements }}</MkButton
-							>
-							<MkButton
-								primary
-								class="start"
-								v-if="!isMobile"
-								@click="manageChannel"
-								><i class="ph-gear-fine ph-bold ph-lg"></i>
-								{{ i18n.ts._channel.owned }}</MkButton
-							>
-							<MkButton
-								primary
-								class="start"
-								v-if="!isMobile"
-								@click="createChannel"
-								><i class="ph-plus ph-bold ph-lg"></i>
-								{{ i18n.ts._channel.create }}</MkButton
-							>
+							<div class="groupsbuttons">
+								<MkButton
+									primary
+									class="start"
+									@click="visitAnnouncements"
+									><i class="ph-megaphone-simple ph-bold ph-lg"></i>
+									{{ i18n.ts.announcements }}</MkButton
+								>
+								<MkButton
+									primary
+									class="start"
+									v-if="!isMobile"
+									@click="manageChannel"
+									><i class="ph-gear-fine ph-bold ph-lg"></i>
+									{{ i18n.ts._channel.owned }}</MkButton
+								>
+								<MkButton
+									primary
+									class="start"
+									v-if="!isMobile"
+									@click="createChannel"
+									><i class="ph-plus ph-bold ph-lg"></i>
+									{{ i18n.ts._channel.create }}</MkButton
+								>
+							</div>
 							<MkChannelList
 								key="owned"
 								:pagination="channelsPagination"