From 6c2718927e56c3fef571c618ec571814fa198b94 Mon Sep 17 00:00:00 2001
From: Robert <robertbrignull@github.com>
Date: Wed, 18 Oct 2023 12:58:23 +0100
Subject: [PATCH] Adjust styling to not use --design-unit

---
 extensions/ql-vscode/src/view/common/DataGrid.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/extensions/ql-vscode/src/view/common/DataGrid.tsx b/extensions/ql-vscode/src/view/common/DataGrid.tsx
index 8d3acae88..59bd7c3fc 100644
--- a/extensions/ql-vscode/src/view/common/DataGrid.tsx
+++ b/extensions/ql-vscode/src/view/common/DataGrid.tsx
@@ -13,7 +13,6 @@ import { styled } from "styled-components";
 const StyledDataGrid = styled.div<{ $gridTemplateColumns: string | number }>`
   display: grid;
   grid-template-columns: ${(props) => props.$gridTemplateColumns};
-  padding: calc((var(--design-unit) / 4) * 1px) 0;
   box-sizing: border-box;
   width: 100%;
   background: transparent;
@@ -54,7 +53,7 @@ const StyledDataGridCell = styled.div<{
 }>`
   grid-row: ${(props) => props.$gridRow};
   grid-column: ${(props) => props.$gridColumn};
-  padding: calc(var(--design-unit) * 1px) calc(var(--design-unit) * 3px);
+  padding: 4px 12px;
 `;
 
 interface DataGridCellProps {