From 7679ad3ec64d3cb01404215b5edaeee8d3f3db20 Mon Sep 17 00:00:00 2001
From: James Brunton <james@stirlingpdf.com>
Date: Tue, 9 Sep 2025 12:03:25 +0100
Subject: [PATCH] Improve styling on added words

---
 .../src/components/tools/redact/WordsToRedactInput.tsx   | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/tools/redact/WordsToRedactInput.tsx b/frontend/src/components/tools/redact/WordsToRedactInput.tsx
index fe6ebdd1e..bf6922904 100644
--- a/frontend/src/components/tools/redact/WordsToRedactInput.tsx
+++ b/frontend/src/components/tools/redact/WordsToRedactInput.tsx
@@ -38,11 +38,10 @@ export default function WordsToRedactInput({ wordsToRedact, onWordsChange, disab
 
       {/* Current words */}
       {wordsToRedact.map((word, index) => (
-        <Group key={index} justify="space-between" style={{
-          padding: '8px 12px',
-          backgroundColor: '#f8f9fa',
-          borderRadius: '4px',
-          border: '1px solid #e9ecef'
+        <Group key={index} justify="space-between" p="sm" style={{
+          borderRadius: 'var(--mantine-radius-sm)',
+          border: `1px solid var(--mantine-color-gray-3)`,
+          backgroundColor: 'var(--mantine-color-gray-0)'
         }}>
           <Text size="sm">{word}</Text>
           <ActionIcon