diff --git a/frontend/src/pages/sdoc/sdoc-file-history/index.css b/frontend/src/pages/sdoc/sdoc-file-history/index.css
index 7c5337c9e0d..f7b7829bc09 100644
--- a/frontend/src/pages/sdoc/sdoc-file-history/index.css
+++ b/frontend/src/pages/sdoc/sdoc-file-history/index.css
@@ -87,7 +87,6 @@
 
 
 .sdoc-file-history .sdoc-file-history-content {
-  display: flex;
   height: 100%;
   width: 100%;
 }
diff --git a/frontend/src/pages/sdoc/sdoc-file-history/index.js b/frontend/src/pages/sdoc/sdoc-file-history/index.js
index 2dea9f84d45..a1763eef191 100644
--- a/frontend/src/pages/sdoc/sdoc-file-history/index.js
+++ b/frontend/src/pages/sdoc/sdoc-file-history/index.js
@@ -361,7 +361,7 @@ class SdocFileHistory extends React.Component {
             </div>
             {this.renderChangesTip({ onChangeSidePanelDisplay: this.changeSidePanelStatus })}
           </div>
-          <div className="sdoc-file-history-content f-flex" ref={ref => this.historyContentRef = ref}>
+          <div className="sdoc-file-history-content d-flex" ref={ref => this.historyContentRef = ref}>
             {isLoading ? (
               <div className="sdoc-file-history-viewer d-flex align-items-center justify-content-center">
                 <Loading />