diff --git a/app/javascript/mastodon/components/status_action_bar.jsx b/app/javascript/mastodon/components/status_action_bar.jsx
index 165e81c7d8..75531abf56 100644
--- a/app/javascript/mastodon/components/status_action_bar.jsx
+++ b/app/javascript/mastodon/components/status_action_bar.jsx
@@ -375,20 +375,29 @@ class StatusActionBar extends ImmutablePureComponent {
return (
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
);
}
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 25b3003b9f..ea163ff9bf 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -299,6 +299,10 @@
}
}
+ &--with-counter {
+ padding-inline-end: 4px;
+ }
+
&__counter {
display: block;
width: auto;
@@ -1465,6 +1469,15 @@ body > [data-popper-placement] {
}
}
+ &__action-bar__button-wrapper {
+ flex-basis: 0;
+ flex-grow: 1;
+
+ &:last-child {
+ flex-grow: 0;
+ }
+ }
+
&--first-in-thread {
border-top: 1px solid var(--background-border-color);
}