diff --git a/app/soapbox/features/status/components/status_interaction_bar.js b/app/soapbox/features/status/components/status_interaction_bar.js
index 4572fdb7f..b81ce6087 100644
--- a/app/soapbox/features/status/components/status_interaction_bar.js
+++ b/app/soapbox/features/status/components/status_interaction_bar.js
@@ -27,9 +27,9 @@ export class StatusInteractionBar extends React.Component {
const { status } = this.props;
if (status.get('reblogs_count')) {
return (
-
+
-
+
diff --git a/app/styles/components/detailed-status.scss b/app/styles/components/detailed-status.scss
index f973c7f99..9838278f9 100644
--- a/app/styles/components/detailed-status.scss
+++ b/app/styles/components/detailed-status.scss
@@ -71,23 +71,6 @@
font-size: 13px;
}
-.reblogs {
- color: var(--highlight-text-color);
- text-decoration: none;
- vertical-align: middle;
- display: inline-flex;
-
- i {
- font-size: 20px;
- margin-right: 0.2em;
- }
-
- &__count {
- font-weight: bold;
- font-size: 12px;
- }
-}
-
.detailed-status__button {
padding: 10px 0;
diff --git a/app/styles/components/emoji-reacts.scss b/app/styles/components/emoji-reacts.scss
index aa7c80b11..452b1d350 100644
--- a/app/styles/components/emoji-reacts.scss
+++ b/app/styles/components/emoji-reacts.scss
@@ -19,6 +19,19 @@
}
}
+.emoji-react--reblogs {
+ color: var(--primary-text-color--faint);
+ text-decoration: none;
+ vertical-align: middle;
+ display: inline-flex;
+
+ i.fa {
+ color: var(--highlight-text-color);
+ font-size: 20px;
+ margin-right: 0.2em;
+ }
+}
+
.emoji-reacts {
display: inline-flex;
flex-direction: row-reverse;
@@ -52,6 +65,7 @@
.emoji-react__count {
font-size: 12px;
font-weight: bold;
+ transform: translateY(2px);
}
.emoji-react-selector {