From 66d6de46d3df237808fe0cda0cf8fb73aff693ac Mon Sep 17 00:00:00 2001
From: Federico Ruggi <1081051+ruggi@users.noreply.github.com>
Date: Thu, 17 Oct 2024 18:52:49 +0200
Subject: [PATCH] take axis gap into account

---
 editor/src/components/canvas/controls/grid-controls.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/editor/src/components/canvas/controls/grid-controls.tsx b/editor/src/components/canvas/controls/grid-controls.tsx
index 928d646d4082..c0d0b99be34f 100644
--- a/editor/src/components/canvas/controls/grid-controls.tsx
+++ b/editor/src/components/canvas/controls/grid-controls.tsx
@@ -532,7 +532,8 @@ export const GridRowColumnResizingControlsComponent = ({
             gap={grid.columnGap ?? grid.gap}
             padding={grid.padding}
             stripedAreaLength={
-              getStripedAreaLength(grid.gridTemplateRows, grid.gap ?? 0) ?? grid.frame.height
+              getStripedAreaLength(grid.gridTemplateRows, grid.rowGap ?? grid.gap ?? 0) ??
+              grid.frame.height
             }
             alignContent={grid.justifyContent}
             justifyContent={grid.alignContent}
@@ -550,7 +551,8 @@ export const GridRowColumnResizingControlsComponent = ({
             gap={grid.rowGap ?? grid.gap}
             padding={grid.padding}
             stripedAreaLength={
-              getStripedAreaLength(grid.gridTemplateColumns, grid.gap ?? 0) ?? grid.frame.width
+              getStripedAreaLength(grid.gridTemplateColumns, grid.columnGap ?? grid.gap ?? 0) ??
+              grid.frame.width
             }
             alignContent={grid.alignContent}
             justifyContent={grid.justifyContent}