diff --git a/frontend/src/css/repo-history.css b/frontend/src/css/repo-history.css
index 1216bff714..4e03d5f2df 100644
--- a/frontend/src/css/repo-history.css
+++ b/frontend/src/css/repo-history.css
@@ -26,3 +26,10 @@ body {
 .commit-detail-item {
   list-style-type: none;
 }
+.go-back {
+  color: #c0c0c0;
+  font-size: 1.75rem;
+  position: absolute;
+  left: -40px;
+  top: -5px;
+}
diff --git a/frontend/src/repo-history.js b/frontend/src/repo-history.js
index 848562c6af..697f9e8a47 100644
--- a/frontend/src/repo-history.js
+++ b/frontend/src/repo-history.js
@@ -91,6 +91,11 @@ class RepoHistory extends React.Component {
     }
   }
 
+  goBack = (e) => {
+    e.preventDefault();
+    window.history.back();
+  }
+
   render() {
     return (
       <React.Fragment>
@@ -101,10 +106,13 @@ class RepoHistory extends React.Component {
             </a>
             <CommonToolbar onSearchedClick={this.onSearchedClick} />
           </div>
-          <div className="flex-auto container-fluid pt-4">
+          <div className="flex-auto container-fluid pt-4 pb-6 o-auto">
             <div className="row">
               <div className="col-md-10 offset-md-1">
                 <h2 dangerouslySetInnerHTML={{__html: Utils.generateDialogTitle(gettext('{placeholder} Modification History'), repoName)}}></h2>
+                <a href="#" className="go-back" title={gettext('Back')} onClick={this.goBack}>
+                  <span className="fas fa-chevron-left"></span>
+                </a>
                 {userPerm == 'rw' && <p className="tip">{gettext('Tip: a snapshot will be generated after modification, which records the library state after the modification.')}</p>}
                 <Content 
                   data={this.state}