diff --git a/app/components/home.module.scss b/app/components/home.module.scss
index a19c03d77..be83e548c 100644
--- a/app/components/home.module.scss
+++ b/app/components/home.module.scss
@@ -105,8 +105,11 @@
 .mobile {
   display: none;
 }
+.browser {
+  display: block;
+}
 
-@media only screen and (max-width: 800px) {
+@media only screen and (max-width: 600px) {
   .container {
     min-height: unset;
     min-width: unset;
@@ -131,6 +134,9 @@
   .mobile {
     display: block;
   }
+  .browser {
+    display: none;
+  }
 }
 
 .sidebar-header {
diff --git a/app/components/sidebar.tsx b/app/components/sidebar.tsx
index cd850c95a..df6e02535 100644
--- a/app/components/sidebar.tsx
+++ b/app/components/sidebar.tsx
@@ -230,9 +230,8 @@ export function SideBar(props: { className?: string }) {
               <IconButton icon={<SettingsIcon />} shadow />
             </Link>
           </div>
-          <div className={styles["sidebar-action"]}>
+          <div className={styles["sidebar-action"] + " " + styles.browser}>
             <IconButton
-              // text={Locale.Settings.Danger.Clear.Title}
               onClick={async () => {
                 if (await showConfirm(Locale.Settings.Danger.Clear.Confirm)) {
                   chatStore.clearAllData();
@@ -240,7 +239,7 @@ export function SideBar(props: { className?: string }) {
               }}
               title={Locale.Settings.Danger.Clear.Title}
               icon={<DeleteIcon />}
-              // type="danger"
+              type="danger"
               className={styles["custom-sidebar-clear-button"]}
             />
           </div>