diff --git a/frontend/src/css/draft.css b/frontend/src/css/draft.css
index 674211a732..aa9499fcca 100644
--- a/frontend/src/css/draft.css
+++ b/frontend/src/css/draft.css
@@ -104,6 +104,10 @@
 .review-side-panel-body .dirent-table-container {
   padding-left: 0;
 }
+.dirent-table-container th {
+  word-wrap: break-word;
+  word-break: normal;
+}
 .review-side-panel-item {
   border-bottom: 1px solid #e6e6dd;
   padding: 1em 0;
@@ -214,3 +218,9 @@
     padding: 0.1rem 0.25rem;
   }
 }
+
+@media (max-width: 992px) {
+  .review-side-panel, .dirent-table-container td {
+    font-size: 12px !important;
+  }
+}
diff --git a/frontend/src/draft.js b/frontend/src/draft.js
index 846125f767..d245ffb763 100644
--- a/frontend/src/draft.js
+++ b/frontend/src/draft.js
@@ -796,7 +796,9 @@ class Draft extends React.Component {
           <div className="button-group">
             {this.renderDiffButton()}
             {(draftFileExists && !freezePublish) &&
-              <a href={draftLink} className="mx-xl-1"><Button color="secondary">{gettext('Edit Draft')}</Button></a>
+              <a href={draftLink} className="mx-1">
+                <Button className="file-operation-btn" color="secondary">{gettext('Edit Draft')}</Button>
+              </a>
             }
             {canPublish &&
               <button