diff --git a/web/src/components/MemoCardDialog.tsx b/web/src/components/MemoCardDialog.tsx
index c206665a..12ba62ed 100644
--- a/web/src/components/MemoCardDialog.tsx
+++ b/web/src/components/MemoCardDialog.tsx
@@ -7,9 +7,9 @@ import Only from "./common/OnlyWhen";
 import toastHelper from "./Toast";
 import { generateDialog } from "./Dialog";
 import Image from "./Image";
-import "../less/memo-card-dialog.less";
-import Selector from "./common/Selector";
 import Icon from "./Icon";
+import Selector from "./common/Selector";
+import "../less/memo-card-dialog.less";
 
 interface LinkedMemo extends Memo {
   createdAtStr: string;
diff --git a/web/src/components/ResourcesDialog.tsx b/web/src/components/ResourcesDialog.tsx
index bfa59781..c0553992 100644
--- a/web/src/components/ResourcesDialog.tsx
+++ b/web/src/components/ResourcesDialog.tsx
@@ -5,8 +5,8 @@ import { resourceService } from "../services";
 import Dropdown from "./common/Dropdown";
 import { generateDialog } from "./Dialog";
 import { showCommonDialog } from "./Dialog/CommonDialog";
-import toastHelper from "./Toast";
 import Icon from "./Icon";
+import toastHelper from "./Toast";
 import "../less/resources-dialog.less";
 
 interface Props extends DialogProps {}
diff --git a/web/src/components/SearchBar.tsx b/web/src/components/SearchBar.tsx
index bd03613d..b79f3e89 100644
--- a/web/src/components/SearchBar.tsx
+++ b/web/src/components/SearchBar.tsx
@@ -1,8 +1,8 @@
 import { locationService } from "../services";
 import { useAppSelector } from "../store";
 import { memoSpecialTypes } from "../helpers/filter";
-import "../less/search-bar.less";
 import Icon from "./Icon";
+import "../less/search-bar.less";
 
 interface Props {}
 
diff --git a/web/src/components/ShareMemoImageDialog.tsx b/web/src/components/ShareMemoImageDialog.tsx
index 1eccf4e1..4e5676ac 100644
--- a/web/src/components/ShareMemoImageDialog.tsx
+++ b/web/src/components/ShareMemoImageDialog.tsx
@@ -4,9 +4,9 @@ import toImage from "../labs/html2image";
 import { ANIMATION_DURATION, IMAGE_URL_REG } from "../helpers/consts";
 import * as utils from "../helpers/utils";
 import { formatMemoContent } from "../helpers/marked";
+import Only from "./common/OnlyWhen";
 import Icon from "./Icon";
 import { generateDialog } from "./Dialog";
-import Only from "./common/OnlyWhen";
 import toastHelper from "./Toast";
 import "../less/share-memo-image-dialog.less";
 
diff --git a/web/src/components/Sidebar.tsx b/web/src/components/Sidebar.tsx
index 4d22518c..ae2ab49c 100644
--- a/web/src/components/Sidebar.tsx
+++ b/web/src/components/Sidebar.tsx
@@ -46,10 +46,10 @@ const Sidebar: React.FC<Props> = () => {
           <button className="btn action-btn" onClick={handleMyAccountBtnClick}>
             <span className="icon">⚙️</span> Setting
           </button>
+          <button className="btn action-btn" onClick={handleArchivedBtnClick}>
+            <span className="icon">🗂</span> Archived
+          </button>
         </Only>
-        <button className="btn action-btn" onClick={handleArchivedBtnClick}>
-          <span className="icon">🗂</span> Archived
-        </button>
       </div>
       <Only when={!userService.isVisitorMode()}>
         <ShortcutList />