diff --git a/module/doc/css/view.css b/module/doc/css/view.css
index 84e78686ce..ea22ab4536 100644
--- a/module/doc/css/view.css
+++ b/module/doc/css/view.css
@@ -53,5 +53,6 @@
 .actions > .text {color: #8c8c8c; font-size: 14px;}
 .flex-content {display: flex; width: 100%; height: 100%;}
 .flex-content > #content {flex: auto; overflow-y: auto;}
-.flex-content > #history {flex: 0 0 302px;;}
+.flex-content > #history {flex: 0 0 302px; position: relative;}
+.flex-content > #history > #closeIcon {position: absolute; right: 10px; top: 10px;}
 .panel {margin-bottom: 0;}
diff --git a/module/doc/js/view.js b/module/doc/js/view.js
index 79f29ef07b..5d9c55c895 100644
--- a/module/doc/js/view.js
+++ b/module/doc/js/view.js
@@ -214,5 +214,12 @@ $(function()
             $icon.removeClass('text-primary');
         }
     })
-    $('#history').find('.btn.pull-right').removeClass('pull-right');
+
+    $('#history').find('.btn.pull-right').removeClass('pull-right')
+    $('#history').append('<a id="closeIcon" class="btn btn-link"><i class="icon icon-close"></i></a>');
+    $('#closeIcon').on('click', function()
+    {
+        $('#history').addClass('hidden');
+        $('#hisTrigger').removeClass('text-primary');
+    })
 })