diff --git a/src/widgets/advanced_table/drawing.zig b/src/widgets/advanced_table/drawing.zig
index 7927eef..1df2bd4 100644
--- a/src/widgets/advanced_table/drawing.zig
+++ b/src/widgets/advanced_table/drawing.zig
@@ -130,7 +130,7 @@ pub fn drawScrollbar(
     const total_rows = table_state.getRowCount();
     if (total_rows == 0) return;
 
-    const scrollbar_w: u32 = 12;
+    const scrollbar_w: u32 = 14; // Z-Design V2: más ancho para mejor visibilidad
     const header_h: u32 = if (config.show_headers) config.header_height else 0;
     const scrollbar_h = bounds.h -| header_h;
 
diff --git a/src/widgets/grid.zig b/src/widgets/grid.zig
index b1bcbd0..332983c 100644
--- a/src/widgets/grid.zig
+++ b/src/widgets/grid.zig
@@ -346,7 +346,7 @@ pub fn gridRect(
 }
 
 fn drawScrollbar(ctx: *Context, bounds: Layout.Rect, scroll_y: i32, total_height: u32, visible_height: u32, colors: Colors) void {
-    const scrollbar_width: u32 = 8;
+    const scrollbar_width: u32 = 14; // Z-Design V2: más ancho
     const scrollbar_x = bounds.x + @as(i32, @intCast(bounds.w)) - @as(i32, @intCast(scrollbar_width)) - 2;
     const scrollbar_y = bounds.y + 2;
     const scrollbar_h = bounds.h -| 4;
diff --git a/src/widgets/list.zig b/src/widgets/list.zig
index d50e51c..a8a5d21 100644
--- a/src/widgets/list.zig
+++ b/src/widgets/list.zig
@@ -236,7 +236,7 @@ pub fn listRect(
 
     // Draw scrollbar if needed
     if (items.len > visible_count) {
-        const scrollbar_w: u32 = 8;
+        const scrollbar_w: u32 = 14; // Z-Design V2: más ancho para mejor visibilidad
         const scrollbar_x = bounds.x + @as(i32, @intCast(bounds.w)) - @as(i32, @intCast(scrollbar_w + 1));
 
         // Scrollbar track
diff --git a/src/widgets/table/render.zig b/src/widgets/table/render.zig
index fbf950e..e837ef6 100644
--- a/src/widgets/table/render.zig
+++ b/src/widgets/table/render.zig
@@ -367,7 +367,7 @@ pub fn drawScrollbar(
 ) void {
     _ = config;
 
-    const scrollbar_w: u32 = 12;
+    const scrollbar_w: u32 = 14; // Z-Design V2: más ancho
     const header_h: u32 = 28; // Assume header
 
     const track_x = bounds.right() - @as(i32, @intCast(scrollbar_w));
diff --git a/src/widgets/virtual_advanced_table/drawing.zig b/src/widgets/virtual_advanced_table/drawing.zig
index 32b0516..07af1eb 100644
--- a/src/widgets/virtual_advanced_table/drawing.zig
+++ b/src/widgets/virtual_advanced_table/drawing.zig
@@ -446,7 +446,7 @@ pub fn drawScrollbar(
     total_rows: usize,
     colors: *const VirtualAdvancedTableConfig.Colors,
 ) void {
-    const scrollbar_w: u32 = 12;
+    const scrollbar_w: u32 = 14; // Z-Design V2: más ancho para mejor visibilidad
     const content_h = bounds.h -| header_h -| footer_h;
 
     table_core.drawVerticalScrollbar(ctx, .{
diff --git a/src/widgets/virtual_scroll.zig b/src/widgets/virtual_scroll.zig
index eec3726..53034bc 100644
--- a/src/widgets/virtual_scroll.zig
+++ b/src/widgets/virtual_scroll.zig
@@ -129,8 +129,8 @@ pub const VirtualScrollState = struct {
 pub const VirtualScrollConfig = struct {
     /// Show scrollbar
     show_scrollbar: bool = true,
-    /// Scrollbar width
-    scrollbar_width: u16 = 12,
+    /// Scrollbar width (Z-Design V2: 14px para mejor visibilidad)
+    scrollbar_width: u16 = 14,
     /// Overscan (render extra items above/below viewport)
     overscan: u16 = 2,
     /// Enable smooth scrolling