diff --git a/frontend/src/pages/groups/group-view.js b/frontend/src/pages/groups/group-view.js
index bbb27a4fea..dbc3a1f475 100644
--- a/frontend/src/pages/groups/group-view.js
+++ b/frontend/src/pages/groups/group-view.js
@@ -43,8 +43,8 @@ class GroupView extends React.Component {
       currentRepo: null,
       isStaff: false,
       isOwner: false,
-      sortBy: cookie.load('seafile-repo-sort-by') || 'name', // 'name' or 'time'
-      sortOrder: cookie.load('seafile-repo-sort-order') || 'asc', // 'asc' or 'desc'
+      sortBy: cookie.load('seafile-repo-dir-sort-by') || 'name', // 'name' or 'time'
+      sortOrder: cookie.load('seafile-repo-dir-sort-order') || 'asc', // 'asc' or 'desc'
       repoList: [],
       libraryType: 'group',
       isCreateRepoDialogShow: false,
@@ -331,8 +331,8 @@ class GroupView extends React.Component {
   }
 
   sortItems = (sortBy, sortOrder) => {
-    cookie.save('seafile-repo-sort-by', sortBy);
-    cookie.save('seafile-repo-sort-order', sortOrder);
+    cookie.save('seafile-repo-dir-sort-by', sortBy);
+    cookie.save('seafile-repo-dir-sort-order', sortOrder);
     this.setState({
       sortBy: sortBy,
       sortOrder: sortOrder,
diff --git a/frontend/src/pages/lib-content-view/lib-content-view.js b/frontend/src/pages/lib-content-view/lib-content-view.js
index 6377b21d21..6e1ad28e24 100644
--- a/frontend/src/pages/lib-content-view/lib-content-view.js
+++ b/frontend/src/pages/lib-content-view/lib-content-view.js
@@ -64,8 +64,8 @@ class LibContentView extends React.Component {
       isDirentListLoading: true,
       direntList: [],
       isDirentSelected: false,
-      sortBy: cookie.load('seafile-dir-sort-by') || 'name', // 'name' or 'time'
-      sortOrder: cookie.load('seafile-dir-sort-order') || 'asc', // 'asc' or 'desc'
+      sortBy: cookie.load('seafile-repo-dir-sort-by') || 'name', // 'name' or 'time'
+      sortOrder: cookie.load('seafile-repo-dir-sort-order') || 'asc', // 'asc' or 'desc'
       isAllDirentSelected: false,
       dirID: '',  // for update dir list
       errorMsg: '',
@@ -1189,8 +1189,8 @@ class LibContentView extends React.Component {
   }
 
   sortItems = (sortBy, sortOrder) => {
-    cookie.save('seafile-dir-sort-by', sortBy);
-    cookie.save('seafile-dir-sort-order', sortOrder);
+    cookie.save('seafile-repo-dir-sort-by', sortBy);
+    cookie.save('seafile-repo-dir-sort-order', sortOrder);
     this.setState({
       sortBy: sortBy,
       sortOrder: sortOrder,
diff --git a/frontend/src/pages/my-libs/my-libs.js b/frontend/src/pages/my-libs/my-libs.js
index 86ce85d5f6..c2a6144634 100644
--- a/frontend/src/pages/my-libs/my-libs.js
+++ b/frontend/src/pages/my-libs/my-libs.js
@@ -18,8 +18,8 @@ class MyLibraries extends Component {
       isLoading: true,
       repoList: [],
       isShowDetails: false,
-      sortBy: cookie.load('seafile-repo-sort-by') || 'name', // 'name' or 'time'
-      sortOrder: cookie.load('seafile-repo-sort-order') || 'asc', // 'asc' or 'desc'
+      sortBy: cookie.load('seafile-repo-dir-sort-by') || 'name', // 'name' or 'time'
+      sortOrder: cookie.load('seafile-repo-dir-sort-order') || 'asc', // 'asc' or 'desc'
     };
 
     this.emptyMessage = (
@@ -81,8 +81,8 @@ class MyLibraries extends Component {
   }
 
   sortRepoList = (sortBy, sortOrder) => {
-    cookie.save('seafile-repo-sort-by', sortBy);
-    cookie.save('seafile-repo-sort-order', sortOrder);
+    cookie.save('seafile-repo-dir-sort-by', sortBy);
+    cookie.save('seafile-repo-dir-sort-order', sortOrder);
     this.setState({
       sortBy: sortBy,
       sortOrder: sortOrder,
diff --git a/frontend/src/pages/shared-libs/shared-libs.js b/frontend/src/pages/shared-libs/shared-libs.js
index 0dc581ff49..1d76594370 100644
--- a/frontend/src/pages/shared-libs/shared-libs.js
+++ b/frontend/src/pages/shared-libs/shared-libs.js
@@ -293,8 +293,8 @@ class SharedLibraries extends Component {
       loading: true,
       errorMsg: '',
       items: [],
-      sortBy: cookie.load('seafile-repo-sort-by') || 'name', // 'name' or 'time'
-      sortOrder: cookie.load('seafile-repo-sort-order') || 'asc', // 'asc' or 'desc'
+      sortBy: cookie.load('seafile-repo-dir-sort-by') || 'name', // 'name' or 'time'
+      sortOrder: cookie.load('seafile-repo-dir-sort-order') || 'asc', // 'asc' or 'desc'
     };
   }
 
@@ -333,8 +333,8 @@ class SharedLibraries extends Component {
   }
 
   sortItems = (sortBy, sortOrder) => {
-    cookie.save('seafile-repo-sort-by', sortBy);
-    cookie.save('seafile-repo-sort-order', sortOrder);
+    cookie.save('seafile-repo-dir-sort-by', sortBy);
+    cookie.save('seafile-repo-dir-sort-order', sortOrder);
     this.setState({
       sortBy: sortBy,
       sortOrder: sortOrder,
diff --git a/frontend/src/pages/shared-with-all/public-shared-view.js b/frontend/src/pages/shared-with-all/public-shared-view.js
index d7ca289633..c1d0c62118 100644
--- a/frontend/src/pages/shared-with-all/public-shared-view.js
+++ b/frontend/src/pages/shared-with-all/public-shared-view.js
@@ -28,8 +28,8 @@ class PublicSharedView extends React.Component {
       errMessage: '',
       emptyTip: '',
       repoList: [],
-      sortBy: cookie.load('seafile-repo-sort-by') || 'name', // 'name' or 'time'
-      sortOrder: cookie.load('seafile-repo-sort-order') || 'asc', // 'asc' or 'desc'
+      sortBy: cookie.load('seafile-repo-dir-sort-by') || 'name', // 'name' or 'time'
+      sortOrder: cookie.load('seafile-repo-dir-sort-order') || 'asc', // 'asc' or 'desc'
       libraryType: 'public',
       isCreateMenuShow: false,
       isCreateRepoDialogShow: false,
@@ -149,8 +149,8 @@ class PublicSharedView extends React.Component {
   }
 
   sortItems = (sortBy, sortOrder) => {
-    cookie.save('seafile-repo-sort-by', sortBy);
-    cookie.save('seafile-repo-sort-order', sortOrder);
+    cookie.save('seafile-repo-dir-sort-by', sortBy);
+    cookie.save('seafile-repo-dir-sort-order', sortOrder);
     this.setState({
       sortBy: sortBy,
       sortOrder: sortOrder,