diff --git a/frontend/src/pages/shared-libs/shared-libs.js b/frontend/src/pages/shared-libs/shared-libs.js
index 532b24c5e8..deb8423673 100644
--- a/frontend/src/pages/shared-libs/shared-libs.js
+++ b/frontend/src/pages/shared-libs/shared-libs.js
@@ -28,19 +28,19 @@ class Content extends Component {
 
   render() {
     const { loading, errorMsg, items, sortBy, sortOrder } = this.props;
+    
+    const emptyTip = (
+      <div className="empty-tip">
+        <h2>{gettext('No libraries have been shared with you')}</h2>
+        <p>{gettext('No libraries have been shared directly with you. You can find more shared libraries at "Shared with groups".')}</p>
+      </div>
+    );
 
     if (loading) {
       return <Loading />;
     } else if (errorMsg) {
       return <p className="error text-center">{errorMsg}</p>;
     } else {
-      const emptyTip = (
-        <div className="empty-tip">
-          <h2>{gettext('No libraries have been shared with you')}</h2>
-          <p>{gettext('No libraries have been shared directly with you. You can find more shared libraries at "Shared with groups".')}</p>
-        </div>
-      );
-
       // sort
       const sortByName = sortBy == 'name';
       const sortByTime = sortBy == 'time';