diff --git a/packages/client/src/components/MkNoteDetailed.vue b/packages/client/src/components/MkNoteDetailed.vue
index 302f4bc4f7..47d489ef64 100644
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@@ -291,7 +291,7 @@ function blur() {
 os.api('notes/children', {
 	noteId: appearNote.id,
 	limit: 30,
-	depth: 6,
+	depth: 12,
 }).then(res => {
 	replies.value = res;
 	directReplies.value = res.filter(note => note.replyId === appearNote.id || note.renoteId === appearNote.id).reverse();
@@ -599,6 +599,10 @@ onUnmounted(() => {
 		font-size: 0.9em;
 	}
 
+	@media (max-width: 500px) {
+		margin-inline: -24px;
+	}
+
 	&.max-width_450px {
 
 		> .reply-to-more:first-child {
@@ -616,6 +620,10 @@ onUnmounted(() => {
 		}
 	}
 
+	@media (max-width: 400px) {
+		margin-inline: -12px;
+	}
+
 	&.max-width_350px {
 		> .article {
 			> .main {
diff --git a/packages/client/src/components/MkNoteSub.vue b/packages/client/src/components/MkNoteSub.vue
index 16cbc20c0d..a422cf4408 100644
--- a/packages/client/src/components/MkNoteSub.vue
+++ b/packages/client/src/components/MkNoteSub.vue
@@ -239,12 +239,8 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
 	}
 
 	&.max-width_450px {
-		padding: 14px 16px;
-		&.reply {
-			--avatarSize: 28px;
-			--indent: calc(var(--avatarSize) - 8px);
-		}
 		&.reply-to, &.reply-to-more {
+			padding: 14px 16px;
 			padding-top: 14px !important;
 			padding-bottom: 0 !important;
 			margin-bottom: 0 !important;
@@ -253,5 +249,12 @@ const replies: misskey.entities.Note[] = props.conversation?.filter(item => item
 			margin-right: 10px;
 		}
 	}
+	@media (max-width: 450px) {
+		padding: 14px 16px;
+		&.reply {
+			--avatarSize: 28px;
+			--indent: calc(var(--avatarSize) - 8px);
+		}
+	}
 }
 </style>