diff --git a/frontend/src/css/layout.css b/frontend/src/css/layout.css
index fa04717d37..b6a4e06eee 100644
--- a/frontend/src/css/layout.css
+++ b/frontend/src/css/layout.css
@@ -135,6 +135,10 @@
   border-radius: 2px;
 }
 
+.cur-view-content .tip {
+  font-size: 14px;
+}
+
 .cur-view-detail {
   flex: 0 0 20rem;
   display: flex;
diff --git a/frontend/src/pages/my-libs/my-libs-deleted.js b/frontend/src/pages/my-libs/my-libs-deleted.js
index 98c30d38ef..523b30b4da 100644
--- a/frontend/src/pages/my-libs/my-libs-deleted.js
+++ b/frontend/src/pages/my-libs/my-libs-deleted.js
@@ -6,6 +6,7 @@ import { seafileAPI } from '../../utils/seafile-api';
 import toaster from '../../components/toast';
 import CommonToolbar from '../../components/toolbar/common-toolbar';
 import Loading from '../../components/loading';
+import { Utils } from '../../utils/utils';
 
 moment.locale(lang);
 
@@ -147,16 +148,16 @@ class DeletedRepoItem extends Component {
   render() {
     let localTime = moment.utc(this.props.repo.del_time).toDate();
     localTime = moment(localTime).fromNow();
+    let iconUrl = Utils.getLibIconUrl(this.props.repo);
 
     return (
       <tr className={this.state.highlight ? 'tr-highlight' : ''} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
-        <td className="text-center"><img src={siteRoot + 'media/img/lib/48/lib.png'} alt='' /></td>
+        <td className="text-center"><img src={iconUrl} alt='' width="24" /></td>
         <td className="name">{this.props.repo.repo_name}</td>
         <td className="update">{localTime}</td>
         <td>
-          {this.state.highlight && (
-            <a href="#" onClick={this.restoreDeletedRepo} className="op-icon sf2-icon-reply repo-share-btn" title={gettext('Restore')} aria-label={gettext('Restore')}></a>
-          )}
+          <span onClick={this.restoreDeletedRepo} title={gettext('Restore')}
+            className={`sf2-icon-reply action-icon ${this.state.highlight ? '' : 'vh'}`}></span>
         </td>
       </tr>
     );