diff --git a/website/public/js/services/guideServices.js b/website/public/js/services/guideServices.js
index 5ec1fbc101..78437cf525 100644
--- a/website/public/js/services/guideServices.js
+++ b/website/public/js/services/guideServices.js
@@ -137,7 +137,19 @@ function($rootScope, User, $timeout, $state) {
     tour[k] = new Tour({
       backdrop: true,
       template: function(i,step){
-        return '<div class="popover" role="tooltip"> <div class="arrow"></div> <h3 class="popover-title"></h3> <div class="popover-content"></div> <div class="popover-navigation"> <div class="btn-group"> <button class="btn btn-sm btn-default" data-role="prev">&laquo; Prev</button> <button class="btn btn-sm btn-default" data-role="next">Next &raquo;</button> <button class="btn btn-sm btn-default" data-role="pause-resume" data-pause-text="Pause" data-resume-text="Resume">Pause</button> </div> ' + (true ? '<button class="btn btn-sm btn-default" data-role="end">Hide</button> ' : '') +' </div> </div>';
+        return '<div class="popover" role="tooltip"> ' +
+          '<div class="arrow"></div> ' +
+          '<h3 class="popover-title"></h3> ' +
+          '<div class="popover-content"></div> ' +
+          '<div class="popover-navigation"> ' +
+          '<button class="btn btn-sm btn-default" data-role="end" style="float:none;">Hide</button>'+
+          '<div class="btn-group" style="float:right;"> ' +
+          '<button class="btn btn-sm btn-default" data-role="prev">&laquo; Prev</button> ' +
+          '<button class="btn btn-sm btn-default" data-role="next">Next &raquo;</button> ' +
+          '<button class="btn btn-sm btn-default" data-role="pause-resume" data-pause-text="Pause" data-resume-text="Resume">Pause</button> ' +
+          '</div> ' +
+          '</div>' +
+          '</div>';
         // FIXME: see https://github.com/HabitRPG/habitrpg/issues/4726
         //return '<div class="popover" role="tooltip"> <div class="arrow"></div> <h3 class="popover-title"></h3> <div class="popover-content"></div> <div class="popover-navigation"> <div class="btn-group"> <button class="btn btn-sm btn-default" data-role="prev">&laquo; Prev</button> <button class="btn btn-sm btn-default" data-role="next">Next &raquo;</button> <button class="btn btn-sm btn-default" data-role="pause-resume" data-pause-text="Pause" data-resume-text="Resume">Pause</button> </div> ' + (step.final ? '<button class="btn btn-sm btn-default" data-role="end">' + window.env.t('ok') + '</button> ' : '') +' </div> </div>';
       },