diff --git a/frontend/src/pages/sdoc/sdoc-file-history/index.css b/frontend/src/pages/sdoc/sdoc-file-history/index.css
index a4af5e74e0..31947abd04 100644
--- a/frontend/src/pages/sdoc/sdoc-file-history/index.css
+++ b/frontend/src/pages/sdoc/sdoc-file-history/index.css
@@ -12,6 +12,7 @@
   height: 50px;
   border-bottom: 1px solid #e5e5e5;
   background-color: #fff;
+  flex-shrink: 0;
 }
 
 .sdoc-file-history .sdoc-file-history-header .sdoc-file-history-header-left {
diff --git a/frontend/src/pages/sdoc/sdoc-file-history/index.js b/frontend/src/pages/sdoc/sdoc-file-history/index.js
index 761e0025ba..25d7e94483 100644
--- a/frontend/src/pages/sdoc/sdoc-file-history/index.js
+++ b/frontend/src/pages/sdoc/sdoc-file-history/index.js
@@ -243,7 +243,15 @@ class SdocFileHistory extends React.Component {
   renderChangesTip = ({ onChangeSidePanelDisplay }) => {
     const { isShowChanges, changes, currentDiffIndex, isLoading } = this.state;
     if (isLoading) return null;
-    if (!isShowChanges) return null;
+    if (!isShowChanges) {
+      return (
+        <div className="sdoc-file-history-header-right d-flex align-items-center justify-content-end">
+          <div className='sdoc-file-changes-switch'>
+            <i className="sf3-font sf3-font-history" onClick={onChangeSidePanelDisplay}></i>
+          </div>
+        </div>
+      );
+    }
     const changesCount = changes ? changes.length : 0;
     if (changesCount === 0) {
       return (