diff --git a/app/modules/history/history-tabs/history-tabs.jade b/app/modules/history/history-tabs/history-tabs.jade
index d9e25e30..5cca8483 100644
--- a/app/modules/history/history-tabs/history-tabs.jade
+++ b/app/modules/history/history-tabs/history-tabs.jade
@@ -27,17 +27,17 @@ nav.history-tabs
 
         span(
             translate="COMMENTS.OLDER_FIRST"
-            ng-if="onReverse"
+            ng-if="!onReverse"
         )
         tg-svg(
             svg-icon="icon-arrow-down"
-            ng-if="onReverse"
+            ng-if="!onReverse"
         )
         span(
             translate="COMMENTS.RECENT_FIRST"
-            ng-if="!onReverse"
+            ng-if="onReverse"
         )
         tg-svg(
             svg-icon="icon-arrow-up"
-            ng-if="!onReverse"
+            ng-if="onReverse"
         )
diff --git a/app/modules/history/history.controller.coffee b/app/modules/history/history.controller.coffee
index de452840..492975bf 100644
--- a/app/modules/history/history.controller.coffee
+++ b/app/modules/history/history.controller.coffee
@@ -32,8 +32,8 @@ class HistorySectionController
         @.deleting = null
         @.editMode = {}
         @.viewComments = true
-        @._loadHistory()
         @.reverse = @storage.get("orderComments")
+        @._loadHistory()
 
     _loadHistory: () ->
         @rs.history.get(@.name, @.id).then (history) =>