From a4c20b192c7daea1111c6a17ea4005627dee2ad5 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Tue, 3 Sep 2024 16:01:27 +0200
Subject: [PATCH] fix(background): start patterns at 0,0 #4615

---
 .../src/additional-components/Background/Background.tsx      | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react/src/additional-components/Background/Background.tsx b/packages/react/src/additional-components/Background/Background.tsx
index fe6bee04..e4470f10 100644
--- a/packages/react/src/additional-components/Background/Background.tsx
+++ b/packages/react/src/additional-components/Background/Background.tsx
@@ -40,9 +40,12 @@ function BackgroundComponent({
   const scaledGap: [number, number] = [gapXY[0] * transform[2] || 1, gapXY[1] * transform[2] || 1];
   const scaledSize = patternSize * transform[2];
   const offsetXY: [number, number] = Array.isArray(offset) ? offset : [offset, offset];
-  const scaledOffset: [number, number] = [offsetXY[0] * transform[2] || 1, offsetXY[1] * transform[2] || 1]
 
   const patternDimensions: [number, number] = isCross ? [scaledSize, scaledSize] : scaledGap;
+  const scaledOffset: [number, number] = [
+    offsetXY[0] * transform[2] || 1 + patternDimensions[0] / 2,
+    offsetXY[1] * transform[2] || 1 + patternDimensions[1] / 2,
+  ];
 
   const _patternId = `${patternId}${id ? id : ''}`;