From cb1326708f89844048b3121bb8eed457fcabc776 Mon Sep 17 00:00:00 2001
From: Jo Humphrey <31373245+jamdelion@users.noreply.github.com>
Date: Fri, 13 Feb 2026 12:52:35 +0000
Subject: [PATCH 1/2] Add fallback for if grid gap variables undefined

---
 src/assets/stylesheets/Project.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/assets/stylesheets/Project.scss b/src/assets/stylesheets/Project.scss
index 92e560302..32916c490 100644
--- a/src/assets/stylesheets/Project.scss
+++ b/src/assets/stylesheets/Project.scss
@@ -44,7 +44,7 @@
     container-type: inline-size;
     display: flex;
     flex-direction: column;
-    grid-gap: var(--project-wrapper-grid-gap);
+    grid-gap: var(--project-wrapper-grid-gap, #{$space-0-5});
     flex: 1 1 auto;
     overflow: hidden;
   }
@@ -53,7 +53,7 @@
     display: flex;
     flex: 0 1 auto;
     flex-flow: column;
-    grid-gap: var(--project-editor-wrapper-grid-gap);
+    grid-gap: var(--project-editor-wrapper-grid-gap, #{$space-1});
     overflow: hidden;
     block-size: 100%;
     inline-size: 100%;

From 242599407a6e366ca5571e9c82ebeee642a441ff Mon Sep 17 00:00:00 2001
From: Jo Humphrey <31373245+jamdelion@users.noreply.github.com>
Date: Fri, 13 Feb 2026 13:00:18 +0000
Subject: [PATCH 2/2] Use newer syntax

---
 src/assets/stylesheets/Project.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/assets/stylesheets/Project.scss b/src/assets/stylesheets/Project.scss
index 32916c490..01b9b28c3 100644
--- a/src/assets/stylesheets/Project.scss
+++ b/src/assets/stylesheets/Project.scss
@@ -35,7 +35,7 @@
   flex-direction: row;
   overflow-y: hidden;
 
-  grid-gap: $space-1;
+  gap: $space-1;
   margin: $space-1;
 
   block-size: 100%;
@@ -44,7 +44,7 @@
     container-type: inline-size;
     display: flex;
     flex-direction: column;
-    grid-gap: var(--project-wrapper-grid-gap, #{$space-0-5});
+    gap: var(--project-wrapper-grid-gap, #{$space-0-5});
     flex: 1 1 auto;
     overflow: hidden;
   }
@@ -53,7 +53,7 @@
     display: flex;
     flex: 0 1 auto;
     flex-flow: column;
-    grid-gap: var(--project-editor-wrapper-grid-gap, #{$space-1});
+    gap: var(--project-editor-wrapper-grid-gap, #{$space-1});
     overflow: hidden;
     block-size: 100%;
     inline-size: 100%;