From 4cc758c856eaa503d1ec16befebd9c489243dc4a Mon Sep 17 00:00:00 2001
From: Ricardo Espinoza <ricardo@n8n.io>
Date: Fri, 16 Oct 2026 11:37:22 -0400
Subject: [PATCH] fix(editor): Fill the reserved scrollbar space in server
 tables

The server table keeps space for a vertical scrollbar, also when
nothing scrolls. The space showed the page colour as a strip next to
the rows. The scroll container now uses the row colour.
---
 .../src/components/N8nDataTableServer/N8nDataTableServer.vue    | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/frontend/@n8n/design-system/src/components/N8nDataTableServer/N8nDataTableServer.vue b/packages/frontend/@n8n/design-system/src/components/N8nDataTableServer/N8nDataTableServer.vue
index a15d6d46175..923b324e5b2 100644
--- a/packages/frontend/@n8n/design-system/src/components/N8nDataTableServer/N8nDataTableServer.vue
+++ b/packages/frontend/@n8n/design-system/src/components/N8nDataTableServer/N8nDataTableServer.vue
@@ -614,6 +614,8 @@ const table = useVueTable({
 	overflow: auto;
 	scrollbar-gutter: stable;
 	position: relative;
+	// The gutter stays reserved when nothing scrolls. The row colour keeps it from showing as a strip.
+	background-color: var(--color--background--light-3);
 }
 
 th.loading-row {