From fc2fb812051c5fbd88f5f580dce09f57cfe96566 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Wed, 31 Jul 2024 10:43:25 +0100
Subject: [PATCH] Fix bug with responsive css variables

---
 packages/client/src/utils/grid.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/client/src/utils/grid.js b/packages/client/src/utils/grid.js
index c83b580795..a357f86de4 100644
--- a/packages/client/src/utils/grid.js
+++ b/packages/client/src/utils/grid.js
@@ -20,7 +20,7 @@ const Devices = {
 
 // Generates the CSS variable for a certain grid param suffix, for the current
 // device
-const previewDevice = derived(builderStore, $store => $store.device)
+const previewDevice = derived(builderStore, $store => $store.previewDevice)
 export const getGridVar = derived(previewDevice, device => suffix => {
   const prefix = device === Devices.Mobile ? Devices.Mobile : Devices.Desktop
   return `--grid-${prefix}-${suffix}`