diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 05a2459a96..987c126b33 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -1025,7 +1025,7 @@ function readPromo() {
 	.root:not(.showActionsOnlyHover) {
 		.footerButton {
 			&:not(:last-child) {
-				margin-right: 18px;
+				margin-right: 0.2em;
 			}
 		}
 	}
@@ -1035,7 +1035,7 @@ function readPromo() {
 	.root:not(.showActionsOnlyHover) {
 		.footerButton {
 			&:not(:last-child) {
-				margin-right: 12px;
+				margin-right: 0.1em;
 			}
 		}
 	}
@@ -1057,7 +1057,7 @@ function readPromo() {
 	.root:not(.showActionsOnlyHover) {
 		.footerButton {
 			&:not(:last-child) {
-				margin-right: 8px;
+				margin-right: 0.1em;
 			}
 		}
 	}
diff --git a/packages/frontend/src/components/MkNoteSub.vue b/packages/frontend/src/components/MkNoteSub.vue
index 851be936cc..0e81f82968 100644
--- a/packages/frontend/src/components/MkNoteSub.vue
+++ b/packages/frontend/src/components/MkNoteSub.vue
@@ -448,6 +448,13 @@ if (props.detail) {
 		color: var(--fgHighlighted);
 	}
 }
+@container (max-width: 400px) {
+	.noteFooterButton {
+		&:not(:last-child) {
+			margin-right: 0.7em;
+		}
+	}
+}
 
 .noteFooterButtonCount {
 	display: inline;