From cacc2ab087e73e59922e33b5abacd1818ebe6f18 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Tue, 6 Aug 2024 11:28:58 +0100
Subject: [PATCH] Fix issues with nesting grids inside grids

---
 .../components/app/container/GridContainer.svelte  | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/client/src/components/app/container/GridContainer.svelte b/packages/client/src/components/app/container/GridContainer.svelte
index b46e763277..89e39394ce 100644
--- a/packages/client/src/components/app/container/GridContainer.svelte
+++ b/packages/client/src/components/app/container/GridContainer.svelte
@@ -54,6 +54,20 @@
     position: relative;
     height: 400px;
     --spacing: 10;
+
+    /*
+      Prevent cross-grid variable inheritance. The other variables for alignment
+      are always set on each component, so we don't need to worry about
+      inheritance.
+    */
+    --grid-desktop-col-start: initial;
+    --grid-desktop-col-end: initial;
+    --grid-desktop-row-start: initial;
+    --grid-desktop-row-end: initial;
+    --grid-mobile-col-start: initial;
+    --grid-mobile-col-end: initial;
+    --grid-mobile-row-start: initial;
+    --grid-mobile-row-end: initial;
   }
 
   .grid,