fix: alignment of mobile settings page title.

app/components/chat.module.scss

@@ -218,7 +218,7 @@
   overscroll-behavior: none;
 }
 
-.chat-body-title {
+.chat-body-main-title {
   cursor: pointer;
 
   &:hover {
@@ -226,6 +226,12 @@
   }
 }
 
+@media only screen and (max-width: 600px) {
+  .chat-body-title {
+    text-align: center;
+  }
+}
+
 .chat-message {
   display: flex;
   flex-direction: row;

app/components/chat.tsx

@@ -808,9 +808,9 @@ export function Chat() {
           </div>
         )}
 
-        <div className="window-header-title">
+        <div className={`window-header-title ${styles["chat-body-title"]}`}>
           <div
-            className={`window-header-main-title " ${styles["chat-body-title"]}`}
+            className={`window-header-main-title ${styles["chat-body-main-title"]}`}
             onClickCapture={renameSession}
           >
             {!session.topic ? DEFAULT_TOPIC : session.topic}

app/components/ui-lib.module.scss

@@ -207,7 +207,7 @@
 .select-with-icon {
   position: relative;
   max-width: fit-content;
-  
+
   .select-with-icon-select {
     height: 100%;
     border: var(--border-in-light);
@@ -227,4 +227,4 @@
     transform: translateY(-50%);
     pointer-events: none;
   }
-}
+}

app/styles/window.scss

@@ -25,10 +25,6 @@
   .window-header-sub-title {
     font-size: 14px;
   }
-
-  @media screen and (max-width: 600px) {
-    text-align: center;
-  }
 }
 
 .window-actions {