diff --git a/src/App.css b/src/App.css
index 186502e..a243471 100644
--- a/src/App.css
+++ b/src/App.css
@@ -9,13 +9,10 @@
   color: white;
   padding: 0.35rem 2rem 0.45rem;
   display: grid;
-  grid-template-columns: 1fr auto;
-  grid-template-rows: auto auto;
+  grid-template-columns: 1fr auto 1fr;
   grid-template-areas:
-    "title actions"
-    "tabs actions";
+    "tabs title actions";
   align-items: center;
-  row-gap: 0.45rem; /* 间隔增大一点，标题与开关分离 */
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   user-select: none;
 }
@@ -85,12 +82,14 @@
   font-weight: 500;
   margin: 0;
   grid-area: title;
+  text-align: center;
 }
 
 .header-actions {
   display: flex;
   gap: 1rem;
   grid-area: actions;
+  justify-self: end;
 }
 
 .refresh-btn,
diff --git a/src/App.tsx b/src/App.tsx
index 5a39430..53f406c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -181,7 +181,7 @@ function App() {
   return (
     <div className="app">
       <header className="app-header">
-        <h1>{activeApp === "claude" ? "Claude Code" : "Codex"} 供应商切换器</h1>
+        <h1>CC Switch</h1>
         <div className="app-tabs">
           <AppSwitcher
             activeApp={activeApp}