@moderneinc/neo-styled-components 5.0.0 → 5.1.0-next.95f3b6

package/dist/index.js

@@ -2783,15 +2783,18 @@ function NeoDataGrid({ autoHeight = false, toolbar, slots, sx, density = 'standa
         ...getDataGridHeaderStyles(),
         ...getDataGridRowStyles(),
         border: `1px solid ${neoDesign.semanticColors.border.secondary}`,
-        // Style row selection checkboxes to match header (16px, proper spacing).
-        // Target `& svg` (not `.MuiSvgIcon-root`) so the rule also matches the
-        // lucide `<svg>` icons NeoCheckbox renders, mirroring the header rule.
+        // Target `& svg` (not `.MuiSvgIcon-root`) to match the lucide icons
+        // NeoCheckbox renders, mirroring the header rule below.
+        // flexShrink: 0 stops the icon collapsing to 0 width when the checkbox
+        // column is narrower than the 32px box (16px icon + 16px padding) —
+        // without it the checkbox becomes invisible but stays clickable.
         [`& .${xDataGrid.gridClasses.cellCheckbox}`]: {
             [`& .${Checkbox.checkboxClasses.root}`]: {
                 padding: `${neoDesign.spacing.spacing_1}px`,
                 '& svg': {
                     width: 16,
                     height: 16,
+                    flexShrink: 0,
                 },
             },
         },