diff --git a/app/components/chat.module.scss b/app/components/chat.module.scss
index b02111c36..b2bf8fc59 100644
--- a/app/components/chat.module.scss
+++ b/app/components/chat.module.scss
@@ -386,6 +386,13 @@
 .chat-message-avatar {
   position: relative;
 
+  .user-avatar-text {
+    font-size: 0.8em; // Make text smaller
+    opacity: 0.7; // Reduce contrast
+    padding: 0 5px; // Add some padding for spacing if needed
+    display: inline-block; // Ensure it behaves like text
+  }
+
   .chat-message-edit {
     position: absolute;
     height: 100%;
@@ -533,6 +540,7 @@
 .chat-message-action-date {
   font-size: 12px;
   opacity: 0.2;
+  margin-top: 4px;
   white-space: nowrap;
   transition: all ease 0.6s;
   color: var(--black);
diff --git a/app/components/chat.tsx b/app/components/chat.tsx
index 65ff17bb0..b1386c174 100644
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -1476,7 +1476,9 @@ function _Chat() {
                             <div className={styles["chat-message-avatar"]}>
                               {/* Edit button removed for simplicity */}
                               {isUser ? (
-                                <Avatar avatar={config.avatar} />
+                                <span className={styles["user-avatar-text"]}>
+                                  You
+                                </span>
                               ) : (
                                 <>
                                   {["system"].includes(message.role) ? (
diff --git a/app/components/home.module.scss b/app/components/home.module.scss
index d9ff86b2a..6e9e928ef 100644
--- a/app/components/home.module.scss
+++ b/app/components/home.module.scss
@@ -161,6 +161,8 @@
 }
 
 .sidebar-sub-title {
+  opacity: 0.7;
+  margin-top: 8px;
   font-size: 12px;
   font-weight: 400;
   animation: slide-in ease 0.3s;
@@ -196,7 +198,6 @@
 
 .chat-item-title {
   font-size: 14px;
-  font-weight: bolder;
   display: block;
   width: calc(100% - 15px);
   overflow: hidden;
@@ -216,7 +217,7 @@
 
 .chat-item:hover > .chat-item-delete {
   opacity: 0.5;
-  transform: translateX(-4px);
+  transform: translate(-6px, 6px);
 }
 
 .chat-item:hover > .chat-item-delete:hover {
diff --git a/app/styles/window.scss b/app/styles/window.scss
index dcb642d1e..172a5d9c7 100644
--- a/app/styles/window.scss
+++ b/app/styles/window.scss
@@ -1,5 +1,5 @@
 .window-header {
-  padding: 14px 20px;
+  padding: 20px 20px;
   border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
   position: relative;
 
@@ -13,8 +13,7 @@
   overflow: hidden;
 
   .window-header-main-title {
-    font-size: 20px;
-    font-weight: bolder;
+    font-size: 16px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -24,6 +23,8 @@
 
   .window-header-sub-title {
     font-size: 14px;
+    margin-top: 8px;
+    opacity: 0.7;
   }
 }