diff --git a/app/components/home.module.scss b/app/components/home.module.scss
index f42161e21..a19c03d77 100644
--- a/app/components/home.module.scss
+++ b/app/components/home.module.scss
@@ -323,7 +323,7 @@
 }
 
 .sidebar-action:not(:last-child) {
-  margin-right: 15px;
+  margin-right: 10px;
 }
 
 .loading-content {
@@ -340,12 +340,12 @@
 }
 
 .custom-sidebar-clear-button {
-  background-color: transparent !important;
+  //background-color: rgb(255 255 255);
   display: flex;
   align-items: flex-end;
 
-  border-radius: 0;
-  padding: 0;
-  height: 20px;
-  margin-top: 15px;
+  //border-radius: 0;
+  //padding: 0;
+  //height: 20px;
+  //margin-top: 15px;
 }
diff --git a/app/components/sidebar.tsx b/app/components/sidebar.tsx
index 64993b7a6..cd850c95a 100644
--- a/app/components/sidebar.tsx
+++ b/app/components/sidebar.tsx
@@ -232,15 +232,15 @@ export function SideBar(props: { className?: string }) {
           </div>
           <div className={styles["sidebar-action"]}>
             <IconButton
-              text={Locale.Settings.Danger.Clear.Title}
+              // text={Locale.Settings.Danger.Clear.Title}
               onClick={async () => {
                 if (await showConfirm(Locale.Settings.Danger.Clear.Confirm)) {
                   chatStore.clearAllData();
                 }
               }}
-              title={"123fas"}
+              title={Locale.Settings.Danger.Clear.Title}
               icon={<DeleteIcon />}
-              type="danger"
+              // type="danger"
               className={styles["custom-sidebar-clear-button"]}
             />
           </div>