🎨

src/web/app/common/views/components/messaging.vue

 <template>
 <div class="mk-messaging" :data-compact="compact">
-	<div class="search" v-if="!compact">
+	<div class="search" v-if="!compact" :style="{ top: headerTop + 'px' }">
 		<div class="form">
 			<label for="search-input">%fa:search%</label>
 			<input v-model="q" type="search" @input="search" @keydown="onSearchKeydown" placeholder="%i18n:common.tags.mk-messaging.search-user%"/>
@@ -57,6 +57,10 @@ export default Vue.extend({
 		compact: {
 			type: Boolean,
 			default: false
+		},
+		headerTop: {
+			type: Number,
+			default: 0
 		}
 	},
 	data() {

src/web/app/mobile/views/pages/messaging.vue

 <template>
 <mk-ui>
 	<span slot="header">%fa:R comments%%i18n:mobile.tags.mk-messaging-page.message%</span>
-	<mk-messaging @navigate="navigate"/>
+	<mk-messaging @navigate="navigate" :header-top="48"/>
 </mk-ui>
 </template>