diff --git a/frontend/src/components/dir-view-mode/dir-column-file.js b/frontend/src/components/dir-view-mode/dir-column-file.js
index c8d685019d..0666aabeea 100644
--- a/frontend/src/components/dir-view-mode/dir-column-file.js
+++ b/frontend/src/components/dir-view-mode/dir-column-file.js
@@ -79,7 +79,7 @@ class DirColumnFile extends React.Component {
             <i className="fas fa-expand-arrows-alt"></i>
           </span>
           {(!this.props.isDraft && this.props.hasDraft) &&
-            <div className='seafile-btn-view-review text-center'>
+            <div className='seafile-btn-view-review text-center mt-2'>
               <div className='tag tag-green'>
                 {gettext('This file is in draft stage.')}
                 <span className="ml-2" onClick={this.goDraftPage}>{gettext('View Draft')}</span>