diff --git a/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.scss b/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.scss
index ea0c31a0aa..f00a33bc6d 100644
--- a/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.scss
+++ b/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSection.scss
@@ -482,6 +482,7 @@
     gap: 5px;
     min-width: 0;
     max-width: 100%;
+    margin-left: -6px;
     padding: 0 5px 0 6px;
     border-radius: 999px;
     background: color-mix(in srgb, var(--element-bg-medium) 62%, transparent);
diff --git a/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSectionLayout.test.ts b/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSectionLayout.test.ts
index e77d16bada..885d2ff377 100644
--- a/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSectionLayout.test.ts
+++ b/src/web-ui/src/app/components/NavPanel/sections/workspaces/WorkspaceListSectionLayout.test.ts
@@ -100,8 +100,11 @@ describe('WorkspaceListSection layout styles', () => {
 
   it('keeps remote connection metadata inside the sidebar with the status dot on the right', () => {
     const stylesheet = readWorkspaceListStylesheet();
+    const remoteChip = extractBlock(stylesheet, '&__workspace-item-remote');
     const remoteName = extractBlock(stylesheet, '&__workspace-item-remote-name');
 
+    expect(remoteChip).toContain('margin-left: -6px;');
+    expect(remoteChip).toContain('padding: 0 5px 0 6px;');
     expect(remoteName).toContain('flex: 0 1 auto;');
     expect(remoteName).toContain('max-width: 160px;');
     expect(remoteName).toContain('overflow: hidden;');