diff --git a/frontend/src/components/dialog/share-dialog.js b/frontend/src/components/dialog/share-dialog.js
index 84896373ea..e787143cf8 100644
--- a/frontend/src/components/dialog/share-dialog.js
+++ b/frontend/src/components/dialog/share-dialog.js
@@ -326,7 +326,9 @@ class ShareDialog extends React.Component {
       <div>
         <Modal isOpen={true} style={{ maxWidth: '760px' }} className="share-dialog" toggle={this.props.toggleDialog}>
           <SeahubModalHeader toggle={this.props.toggleDialog} tag="div">
-            <h5 className="text-truncate">{gettext('Share')} <span className="op-target" title={itemName}>{itemName}</span></h5>
+            <h5 className="text-truncate m-0">
+              {gettext('Share')} <span className="op-target" title={itemName}>{itemName}</span>
+            </h5>
             {this.renderExternalShareMessage()}
           </SeahubModalHeader>
           <ModalBody className="share-dialog-content" role="tablist">
diff --git a/media/css/seahub_react.css b/media/css/seahub_react.css
index ff937f28ae..b0069b652a 100644
--- a/media/css/seahub_react.css
+++ b/media/css/seahub_react.css
@@ -790,7 +790,7 @@ a, a:hover {
 .nav-pills .nav-item .nav-link.active {
   background-color: #ff9800;
   color: #fff;
-  border: none;
+  border-bottom: 0.125rem solid transparent;
 }
 
 .cur-view-path.tab-nav-container {
@@ -1192,6 +1192,11 @@ table td {
   word-break: break-all;
 }
 
+.table>:not(caption)>*>*,
+.text-wrap table>:not(caption)>*>* {
+  box-shadow: none;
+}
+
 .table-thead-hidden thead tr {
   height: 0;
   border: 0;