From e1cfa1071e90f32b0a9f61baa291c7647c4e9cb1 Mon Sep 17 00:00:00 2001
From: EYHN <wp1298554944@hotmail.com>
Date: Wed, 20 Mar 2024 17:15:12 +0000
Subject: [PATCH] chore(core): align sidebar icons (#6219)

---
 .../src/components/root-app-sidebar/index.tsx | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/packages/frontend/core/src/components/root-app-sidebar/index.tsx b/packages/frontend/core/src/components/root-app-sidebar/index.tsx
index a230cbc01..f6adf8f8c 100644
--- a/packages/frontend/core/src/components/root-app-sidebar/index.tsx
+++ b/packages/frontend/core/src/components/root-app-sidebar/index.tsx
@@ -229,17 +229,19 @@ export const RootAppSidebar = ({
         <CategoryDivider label={t['com.affine.rootAppSidebar.others']()} />
         {/* fixme: remove the following spacer */}
         <div style={{ height: '4px' }} />
-        <RouteMenuLinkItem
-          ref={trashDroppable.setNodeRef}
-          icon={<AnimatedDeleteIcon closed={trashDroppable.isOver} />}
-          active={trashActive}
-          path={paths.trash(currentWorkspaceId)}
-        >
-          <span data-testid="trash-page">
-            {t['com.affine.workspaceSubPath.trash']()}
-          </span>
-        </RouteMenuLinkItem>
-        <ImportPage docCollection={docCollection} />
+        <div style={{ padding: '0 8px' }}>
+          <RouteMenuLinkItem
+            ref={trashDroppable.setNodeRef}
+            icon={<AnimatedDeleteIcon closed={trashDroppable.isOver} />}
+            active={trashActive}
+            path={paths.trash(currentWorkspaceId)}
+          >
+            <span data-testid="trash-page">
+              {t['com.affine.workspaceSubPath.trash']()}
+            </span>
+          </RouteMenuLinkItem>
+          <ImportPage docCollection={docCollection} />
+        </div>
       </SidebarScrollableContainer>
       <SidebarContainer>
         {environment.isDesktop ? <UpdaterButton /> : <AppDownloadButton />}