diff --git a/packages/client/src/components/MkInfo.vue b/packages/client/src/components/MkInfo.vue
index 848a4e37a..4ab4c1eba 100644
--- a/packages/client/src/components/MkInfo.vue
+++ b/packages/client/src/components/MkInfo.vue
@@ -3,7 +3,7 @@
 		<i v-if="warn" class="ph-warning ph-bold ph-lg"></i>
 		<i v-else class="ph-bold ph-lg" :class="icon ? `ph-${icon}` : 'ph-info'"></i>
 		<slot></slot>
-		<button class="_button close" @click.stop="close">
+		<button v-if="closeable" class="_button close" @click.stop="close">
 			<i class="ph-x ph-bold ph-lg"></i>
 		</button>
 	</div>
@@ -18,6 +18,7 @@ defineProps<{
 	icon?: string;
 	warn?: boolean;
 	card?: boolean;
+	closeable?: boolean;
 }>();
 
 const emit = defineEmits<{
diff --git a/packages/client/src/components/MkTimeline.vue b/packages/client/src/components/MkTimeline.vue
index 01885beec..9712fb023 100644
--- a/packages/client/src/components/MkTimeline.vue
+++ b/packages/client/src/components/MkTimeline.vue
@@ -1,5 +1,5 @@
 <template>
-	<MkInfo v-if="tlHint && !tlHintClosed" class="_gap" @close="closeHint"> 
+	<MkInfo v-if="tlHint && !tlHintClosed" :closeable="true" class="_gap" @close="closeHint"> 
 		<I18n
 			:src="tlHint"
 		>