diff --git a/vipra-ui/app/html/directives/article-link.html b/vipra-ui/app/html/directives/article-link.html
index 52198c121d9d281efddf6a49b4269143640d15c8..d5d93f137370b687a84e19ef1069e425ecf87308 100644
--- a/vipra-ui/app/html/directives/article-link.html
+++ b/vipra-ui/app/html/directives/article-link.html
@@ -1,8 +1,8 @@
 <div class="link-wrapper">
   <span class="menu-padding ellipsis">
     <div class="pull-right article-dropdown">
-      <i class="fa text-muted pointer" ng-class="{'fa-chevron-down':!detailsShown,'fa-chevron-up':detailsShown}" ng-click="toggleDetails()" ng-if="::showDetails" analytics-on analytics-event="Article details" analytics-category="Article actions"></i>
       <span class="badge" ng-bind="::article.topicsCount" ng-attr-title="{{::article.topicsCount}} topic(s)" ng-if="::showBadge"></span>
+      <i class="fa text-muted pointer" ng-class="{'fa-chevron-down':!detailsShown,'fa-chevron-up':detailsShown}" ng-click="toggleDetails()" ng-if="::showDetails" analytics-on analytics-event="Article details" analytics-category="Article actions"></i>
     </div>
     <a class="article-link" ui-sref="articles.show({id:article.id})" ng-attr-title="{{::article.title}}">
       <span ng-bind="article.title"></span>
diff --git a/vipra-ui/app/less/app.less b/vipra-ui/app/less/app.less
index 92792d737fe6b9ae14f982d3430c805686d43d51..f344e314bcf5f5d651bae313a2c20ed4d6a52b83 100644
--- a/vipra-ui/app/less/app.less
+++ b/vipra-ui/app/less/app.less
@@ -964,8 +964,8 @@ entity-menu {
   position: relative;
 }
 
-.topic-badge + .topic-badge {
-  margin-left: 3px;
+.topic-badge {
+  margin-right: 3px;
 }
 
 .text-outline {