diff --git a/packages/gestalt/src/Masonry/fullWidthLayout.ts b/packages/gestalt/src/Masonry/fullWidthLayout.ts index d7c5f50fd5..3f6a0ff11a 100644 --- a/packages/gestalt/src/Masonry/fullWidthLayout.ts +++ b/packages/gestalt/src/Masonry/fullWidthLayout.ts @@ -45,7 +45,7 @@ const fullWidthLayout = ({ // original implementation takes with CSS. const colguess = Math.floor(width / idealColumnWidth); const columnCount = Math.max(Math.floor((width - colguess * gutter) / idealColumnWidth), minCols); - const columnWidth = width / columnCount - gutter; + const columnWidth = Math.floor(width / columnCount) - gutter; const columnWidthAndGutter = columnWidth + gutter; const centerOffset = gutter / 2; diff --git a/playwright/masonry/flexible-resize.spec.ts b/playwright/masonry/flexible-resize.spec.ts index dc7b191e4f..c15e42925b 100644 --- a/playwright/masonry/flexible-resize.spec.ts +++ b/playwright/masonry/flexible-resize.spec.ts @@ -76,7 +76,7 @@ test.describe('Masonry: flexible resize', () => { const itemRectsAfter = await Promise.all( gridItemsAfter.map((gridItemAfter) => gridItemAfter.boundingBox()), ); - expect(Math.floor(itemRectsAfter[0]?.width)).toBe(273); + expect(itemRectsAfter[0]?.width).toBe(273); expect(itemRectsAfter[0]?.height).toBe(216); // Get new sizes of grid items.