From 4a16d056979b95e1bd5eb37ec2f84de6658b9ec5 Mon Sep 17 00:00:00 2001
From: oliverabrahams <ollie.abrahams@guardian.co.uk>
Date: Fri, 29 Nov 2024 16:08:31 +0000
Subject: [PATCH] updated number font size to match svg cell

---
 .../react-crossword/src/components/SolutionDisplayCell.tsx  | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/libs/@guardian/react-crossword/src/components/SolutionDisplayCell.tsx b/libs/@guardian/react-crossword/src/components/SolutionDisplayCell.tsx
index 0d942018b..815c92979 100644
--- a/libs/@guardian/react-crossword/src/components/SolutionDisplayCell.tsx
+++ b/libs/@guardian/react-crossword/src/components/SolutionDisplayCell.tsx
@@ -1,4 +1,5 @@
 import { css } from '@emotion/react';
+import { textSans12 } from '@guardian/source/foundations';
 import { useTheme } from '../context/Theme';
 import type { AnagramHelperProgress } from '../utils/getAnagramHelperProgressForGroup';
 
@@ -14,6 +15,8 @@ export const SolutionDisplayCell = ({
 		<div
 			css={css`
 				box-sizing: border-box;
+				${textSans12};
+				font-size: ${theme.cellSize * 0.6}px;
 				background-color: ${!progressLetter.isSaved
 					? theme.unsavedBackground
 					: theme.foreground};
@@ -45,7 +48,8 @@ export const SolutionDisplayCell = ({
 			{progressLetter.number && (
 				<div
 					css={css`
-						font-size: ${theme.cellSize * 0.6}px;
+						${textSans12};
+						font-size: ${Math.max(9, Math.round(theme.cellSize * 0.2))}px;
 						position: absolute;
 						top: 0;
 						left: 0;