diff --git a/frontend/src/css/file-history.css b/frontend/src/css/file-history.css
index f4df686154..a9880391d1 100644
--- a/frontend/src/css/file-history.css
+++ b/frontend/src/css/file-history.css
@@ -151,5 +151,25 @@
   .history-side-panel {
     width: 260px;
   }
+  .history-content .main-panel {
+    max-width: calc(100% - 260px);
+  }
 }
 
+@media (max-width:991.8px) {
+  .history-content .main-panel {
+    max-width: calc(100% - 190px);
+  }
+}
+
+@media (max-width:768px) {
+  .history-content .main-panel {
+    max-width: 100%;
+  }
+  .markdown-viewer-render-content {
+    margin: 20px;
+  }
+  .markdown-viewer-render-content .diff-view {
+    padding: 20px;
+  }
+}