diff --git a/styles.css b/styles.css
index 2fd32c8..a0b4e96 100644
--- a/styles.css
+++ b/styles.css
@@ -727,16 +727,16 @@ body::after {
 .agent-tab-add {
     display: inline-flex;
     align-items: center;
-    justify-content: center;
-    width: 28px;
-    height: 28px;
-    border-radius: 50%;
-    border: 1px dashed var(--border);
+    gap: 7px;
+    padding: 6px 14px;
+    border-radius: 20px;
+    border: 1px solid var(--border);
     background: transparent;
     color: var(--text-muted);
-    font-size: 18px;
-    line-height: 1;
+    font-size: 13px;
+    font-weight: 500;
     text-decoration: none;
+    white-space: nowrap;
     flex-shrink: 0;
     transition:
         border-color 0.15s,
@@ -744,9 +744,9 @@ body::after {
         background 0.15s;
 }
 .agent-tab-add:hover {
-    border-color: var(--accent);
-    color: var(--accent);
-    background: var(--accent-dim);
+    border-color: rgba(79, 142, 247, 0.4);
+    color: var(--text);
+    background: var(--bg-hover);
 }
 
 .tabs-loading,