diff --git a/js/forum/src/components/DiscussionHero.js b/js/forum/src/components/DiscussionHero.js
index 633501ac0..d529a2a33 100644
--- a/js/forum/src/components/DiscussionHero.js
+++ b/js/forum/src/components/DiscussionHero.js
@@ -31,7 +31,7 @@ export default class DiscussionHero extends Component {
     const badges = discussion.badges().toArray();
 
     if (badges.length) {
-      items.add('badges', <ul className="DiscussionHero-badges badges">{listItems(badges)}</ul>);
+      items.add('badges', <ul className="DiscussionHero-badges badges">{listItems(badges)}</ul>, 10);
     }
 
     items.add('title', <h2 className="DiscussionHero-title">{discussion.title()}</h2>);
diff --git a/less/forum/DiscussionHero.less b/less/forum/DiscussionHero.less
index d8a60f918..996a71b93 100644
--- a/less/forum/DiscussionHero.less
+++ b/less/forum/DiscussionHero.less
@@ -2,6 +2,7 @@
   .badges {
     margin-right: 10px;
     margin-bottom: -2px;
+    vertical-align: 2px;
   }
 }
 .DiscussionHero-items {