diff --git a/app/assets/javascripts/discourse/templates/components/top-period-chooser.js.handlebars b/app/assets/javascripts/discourse/templates/components/top-period-chooser.js.handlebars
index f82a1446af2..31a0107a81c 100644
--- a/app/assets/javascripts/discourse/templates/components/top-period-chooser.js.handlebars
+++ b/app/assets/javascripts/discourse/templates/components/top-period-chooser.js.handlebars
@@ -4,7 +4,8 @@
 <div id='period-popup' {{bind-attr class="showPeriods::hidden"}}>
   <ul>
     {{#each period.availablePeriods}}
-      <li><a {{bind-attr href="showMoreUrl"}}>{{title}}</a></li>
+      <li><a {{bind-attr href="showMoreUrl"}}>{{top-title tagName="span" period=this}}</a></li>
     {{/each}}
   </ul>
 </div>
+<div class='clearfix'></div>