diff --git a/packages/design-system/src/components/N8nTabs/Tabs.vue b/packages/design-system/src/components/N8nTabs/Tabs.vue
index 2b13c9b4b1..6397e4deb2 100644
--- a/packages/design-system/src/components/N8nTabs/Tabs.vue
+++ b/packages/design-system/src/components/N8nTabs/Tabs.vue
@@ -49,15 +49,26 @@ export default Vue.extend({
 				this.canScrollRight = scrollWidth - width > this.scrollPosition;
 			});
 
+			this.resizeObserver = new ResizeObserver(() => {
+				const width = container.clientWidth;
+				const scrollWidth = container.scrollWidth;
+				this.canScrollRight = scrollWidth - width > this.scrollPosition;
+			});
+			this.resizeObserver.observe(container);
+
 			const width = container.clientWidth;
 			const scrollWidth = container.scrollWidth;
 			this.canScrollRight = scrollWidth - width > this.scrollPosition;
 		}
 	},
+	destroyed() {
+		this.resizeObserver.disconnect();
+	},
 	data() {
 		return {
 			scrollPosition: 0,
 			canScrollRight: false,
+			resizeObserver: null,
 		};
 	},
 	props: {