diff --git a/app/components/home.module.scss b/app/components/home.module.scss
index 0654b552d..f42161e21 100644
--- a/app/components/home.module.scss
+++ b/app/components/home.module.scss
@@ -347,4 +347,5 @@
   border-radius: 0;
   padding: 0;
   height: 20px;
+  margin-top: 15px;
 }
diff --git a/app/components/sidebar.tsx b/app/components/sidebar.tsx
index 8ae7a8d88..3bb1fe57e 100644
--- a/app/components/sidebar.tsx
+++ b/app/components/sidebar.tsx
@@ -230,6 +230,16 @@ export function SideBar(props: { className?: string }) {
               <IconButton icon={<SettingsIcon />} shadow />
             </Link>
           </div>
+          <IconButton
+            text={Locale.Settings.Danger.Clear.Title}
+            onClick={async () => {
+              if (await showConfirm(Locale.Settings.Danger.Clear.Confirm)) {
+                chatStore.clearAllData();
+              }
+            }}
+            type="danger"
+            className={styles["custom-sidebar-clear-button"]}
+          />
         </div>
         <div>
           <IconButton
@@ -247,16 +257,6 @@ export function SideBar(props: { className?: string }) {
           />
         </div>
       </div>
-      <IconButton
-        text={Locale.Settings.Danger.Clear.Title}
-        onClick={async () => {
-          if (await showConfirm(Locale.Settings.Danger.Clear.Confirm)) {
-            chatStore.clearAllData();
-          }
-        }}
-        type="danger"
-        className={styles["custom-sidebar-clear-button"]}
-      />
 
       <div
         className={styles["sidebar-drag"]}