diff --git a/ui/src/pages/chat/chat-responsive.browser.test.ts b/ui/src/pages/chat/chat-responsive.browser.test.ts
index 5880e37ce93b..52c8bf2564b4 100644
--- a/ui/src/pages/chat/chat-responsive.browser.test.ts
+++ b/ui/src/pages/chat/chat-responsive.browser.test.ts
@@ -823,7 +823,7 @@ describeBrowserLayout.concurrent("chat responsive browser layout", () => {
     }
   });
 
-  it("pins the collapsed session rail to the pane header edge", async () => {
+  it("insets the collapsed session rail from the pane header edge", async () => {
     const page = await openBrowserPage(922, 282);
     try {
       const splitViewCss = readStyleSheet("ui/src/styles/chat/split-view.css");
@@ -846,7 +846,7 @@ describeBrowserLayout.concurrent("chat responsive browser layout", () => {
       const header = await getBoundingBox(page, ".chat-pane__header");
       const observer = await getBoundingBox(page, ".chat-session-rail");
 
-      expect(observer.y).toBeCloseTo(header.y + header.height, 0);
+      expect(observer.y).toBeCloseTo(header.y + header.height + 12, 0);
     } finally {
       await closeBrowserPage(page);
     }
diff --git a/ui/src/styles/components.css b/ui/src/styles/components.css
index 7a7101bfc54d..b8811e883818 100644
--- a/ui/src/styles/components.css
+++ b/ui/src/styles/components.css
@@ -1713,7 +1713,7 @@ openclaw-chat-session-rail {
 
 .chat-session-rail {
   position: absolute;
-  top: 0;
+  top: 12px;
   right: 12px;
   z-index: 30;
   border: 1px solid var(--border);