diff --git a/app/gabsocial/components/status_action_bar.js b/app/gabsocial/components/status_action_bar.js
index 3bd191c22..cbb2f413e 100644
--- a/app/gabsocial/components/status_action_bar.js
+++ b/app/gabsocial/components/status_action_bar.js
@@ -11,6 +11,7 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
 import { isStaff } from 'gabsocial/utils/accounts';
 import { openModal } from '../actions/modal';
 import { Link } from 'react-router-dom';
+import EmojiSelector from 'gabsocial/components/emoji_selector';
 
 const messages = defineMessages({
   delete: { id: 'status.delete', defaultMessage: 'Delete' },
@@ -293,7 +294,8 @@ class StatusActionBar extends ImmutablePureComponent {
           <IconButton className='status__action-bar-button' disabled={!publicStatus} active={status.get('reblogged')} pressed={status.get('reblogged')} title={!publicStatus ? intl.formatMessage(messages.cannot_reblog) : intl.formatMessage(messages.reblog)} icon={reblogIcon} onClick={this.handleReblogClick} />
           {reblogCount !== 0 && <Link to={`/@${status.getIn(['account', 'acct'])}/posts/${status.get('id')}/reblogs`} className='detailed-status__link'>{reblogCount}</Link>}
         </div>
-        <div className='status__action-bar__counter'>
+        <div className='status__action-bar__counter status__action-bar__counter--favourite'>
+          <EmojiSelector onReact={this.handleReactClick} />
           <IconButton className='status__action-bar-button star-icon' animate active={status.get('favourited')} pressed={status.get('favourited')} title={intl.formatMessage(messages.favourite)} icon='thumbs-up' onClick={this.handleFavouriteClick} />
           {favoriteCount !== 0 && <span className='detailed-status__link'>{favoriteCount}</span>}
         </div>
diff --git a/app/styles/gabsocial/components/detailed-status.scss b/app/styles/gabsocial/components/detailed-status.scss
index 6fe10a26e..c6d3ac692 100644
--- a/app/styles/gabsocial/components/detailed-status.scss
+++ b/app/styles/gabsocial/components/detailed-status.scss
@@ -76,9 +76,6 @@
 }
 
 .detailed-status__button {
-  text-align: left;
-  padding-left: 10px;
-
   .icon-button {
     display: inline-flex;
     align-items: center;
diff --git a/app/styles/gabsocial/components/emoji-reacts.scss b/app/styles/gabsocial/components/emoji-reacts.scss
index 3b989b52b..e757de9f9 100644
--- a/app/styles/gabsocial/components/emoji-reacts.scss
+++ b/app/styles/gabsocial/components/emoji-reacts.scss
@@ -96,3 +96,12 @@
     pointer-events: all;
   }
 }
+
+.status__action-bar__counter--favourite {
+  position: relative;
+
+  &:hover .emoji-react-selector {
+    opacity: 1;
+    pointer-events: all;
+  }
+}