diff --git a/app/components/home.module.scss b/app/components/home.module.scss
index ebb65544d..8992f78e0 100644
--- a/app/components/home.module.scss
+++ b/app/components/home.module.scss
@@ -168,7 +168,14 @@
 .chat-list {
 }
 .chat-item-collapse {
-  padding: 4px 11px;
+  //make content center
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  position: relative;
+  padding-top: 4px;
+  padding-bottom: 4px;
   background-color: var(--white);
   border-radius: 10px;
   margin-bottom: 10px;
diff --git a/app/components/home.tsx b/app/components/home.tsx
index dd7303490..962811069 100644
--- a/app/components/home.tsx
+++ b/app/components/home.tsx
@@ -815,7 +815,7 @@ export function Home() {
         className={
           sidebarCollapse
             ? styles["window-content-collapse"]
-            : styles["window-content-collapse"]
+            : styles["window-content"]
         }
       >
         {openSettings ? (
diff --git a/app/styles/globals.scss b/app/styles/globals.scss
index 11abd6eb3..fc74af8b9 100644
--- a/app/styles/globals.scss
+++ b/app/styles/globals.scss
@@ -50,8 +50,8 @@
 
   --window-width: 90vw;
   --window-height: 90vh;
-  --sidebar-width: 380px;
-  --sidebar-collapse-width: 8vh;
+  --sidebar-width: 300px;
+  --sidebar-collapse-width: 75px;
   --window-content-width: calc(100% - var(--sidebar-width));
   --window-content-width-collapse: calc(100% - var(--sidebar-collapse-width));
   --message-max-width: 90%;