From f886cd0dc81738d0a4d2c88c83ea59f54aa40ea9 Mon Sep 17 00:00:00 2001
From: Robert <robertbrignull@github.com>
Date: Wed, 18 Oct 2023 11:52:01 +0100
Subject: [PATCH] Add $ to props used by styled component

---
 .../ql-vscode/src/view/variant-analysis/RawResultsTable.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/extensions/ql-vscode/src/view/variant-analysis/RawResultsTable.tsx b/extensions/ql-vscode/src/view/variant-analysis/RawResultsTable.tsx
index 0a77c1b392f..7eea797d10f 100644
--- a/extensions/ql-vscode/src/view/variant-analysis/RawResultsTable.tsx
+++ b/extensions/ql-vscode/src/view/variant-analysis/RawResultsTable.tsx
@@ -9,7 +9,7 @@ import { RawResultRow } from "./RawResultRow";
 const numOfResultsInContractedMode = 5;
 
 type TableContainerProps = {
-  columnCount: number;
+  $columnCount: number;
 };
 
 const TableContainer = styled.div<TableContainerProps>`
@@ -18,7 +18,7 @@ const TableContainer = styled.div<TableContainerProps>`
   // minimum width of 1fr is auto, not 0.
   // https://css-tricks.com/equal-width-columns-in-css-grid-are-kinda-weird/
   grid-template-columns: repeat(
-    ${(props) => props.columnCount},
+    ${(props) => props.$columnCount},
     minmax(0, 1fr)
   );
   max-width: 45rem;
@@ -51,7 +51,7 @@ const RawResultsTable = ({
 
   return (
     <>
-      <TableContainer columnCount={schema.columns.length}>
+      <TableContainer $columnCount={schema.columns.length}>
         {results.rows.slice(0, numOfResultsToShow).map((row, rowIndex) => (
           <RawResultRow
             key={rowIndex}