diff --git a/packages/client/src/components/MkNote.vue b/packages/client/src/components/MkNote.vue
index 3cc89c5f8e..7da7dc97ba 100644
--- a/packages/client/src/components/MkNote.vue
+++ b/packages/client/src/components/MkNote.vue
@@ -595,7 +595,6 @@ function readPromo() {
 			> .footer {
 				display: flex;
 				flex-wrap: wrap;
-				margin-left: -.5em;
 				> .button {
 					margin: 0;
 					padding: 8px;
@@ -603,7 +602,9 @@ function readPromo() {
 					flex-grow: 1;
 					max-width: 3.5em;
 					min-width: max-content;
-
+					&:first-of-type {
+						margin-left: -.5em;
+					}
 					&:hover {
 						color: var(--fgHighlighted);
 					}
diff --git a/packages/client/src/components/MkReactionsViewer.vue b/packages/client/src/components/MkReactionsViewer.vue
index 78f005e665..21dc80e213 100644
--- a/packages/client/src/components/MkReactionsViewer.vue
+++ b/packages/client/src/components/MkReactionsViewer.vue
@@ -22,6 +22,7 @@ const isMe = computed(() => $i && $i.id === props.note.userId);
 <style lang="scss" scoped>
 .tdflqwzn {
 	margin: 4px -2px 0 -2px;
+	width: 100%;
 
 	&:empty {
 		display: none;