diff --git a/packages/client/src/pages/notifications.vue b/packages/client/src/pages/notifications.vue
index abd6982c8..b85ba9159 100644
--- a/packages/client/src/pages/notifications.vue
+++ b/packages/client/src/pages/notifications.vue
@@ -6,13 +6,10 @@
 				:actions="headerActions"
 				:tabs="headerTabs"
 				:display-my-avatar="true"
-				class="xytnxiau"
+				:class="{ isMobile: 'xytnxiau' }"
 			/>
 		</template>
-		<MkSpacer
-			:content-max="800"
-			:style="`padding-top: ${isMobile ? 67 : 79}px`"
-		>
+		<MkSpacer :content-max="800" :class="{ isMobile: 'upsvvhaz' }">
 			<swiper
 				:round-lengths="true"
 				:touch-angle="25"
@@ -198,4 +195,8 @@ function syncSlide(index) {
 	position: fixed;
 	top: 0;
 }
+
+.upsvvhaz {
+	padding-top: 67px;
+}
 </style>
diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index 2ffb4ad31..445aba046 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -6,13 +6,10 @@
 				:actions="headerActions"
 				:tabs="headerTabs"
 				:display-my-avatar="true"
-				class="xytnxiau"
+				:class="{ isMobile: 'xytnxiau' }"
 			/>
 		</template>
-		<MkSpacer
-			:content-max="800"
-			:style="`padding-top: ${isMobile ? 67 : 79}px`"
-		>
+		<MkSpacer :content-max="800" :class="{ isMobile: 'upsvvhaz' }">
 			<div ref="rootEl" v-hotkey.global="keymap" class="cmuxhskf">
 				<XPostForm
 					v-if="defaultStore.reactiveState.showFixedPostForm.value"
@@ -310,6 +307,10 @@ onMounted(() => {
 	top: 0;
 }
 
+.upsvvhaz {
+	padding-top: 67px;
+}
+
 .cmuxhskf {
 	--swiper-theme-color: var(--accent);
 	> .tl {