From e6526bdb44f3bf1cd5df6ab085e9747482f7f53a Mon Sep 17 00:00:00 2001
From: James Brunton <james@stirlingpdf.com>
Date: Tue, 9 Sep 2025 10:14:06 +0100
Subject: [PATCH] Improve styling of Add button

---
 frontend/public/locales/en-GB/translation.json            | 2 +-
 .../src/components/tools/redact/WordsToRedactInput.tsx    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/public/locales/en-GB/translation.json b/frontend/public/locales/en-GB/translation.json
index 314169a8d..690014859 100644
--- a/frontend/public/locales/en-GB/translation.json
+++ b/frontend/public/locales/en-GB/translation.json
@@ -1605,7 +1605,7 @@
       "wordsToRedact": {
         "title": "Words to Redact",
         "placeholder": "Enter a word",
-        "addAnother": "Add Another",
+        "add": "Add",
         "examples": "Examples: Confidential, Top-Secret"
       },
       "useRegexLabel": "Use Regex",
diff --git a/frontend/src/components/tools/redact/WordsToRedactInput.tsx b/frontend/src/components/tools/redact/WordsToRedactInput.tsx
index e574c4819..fe6ebdd1e 100644
--- a/frontend/src/components/tools/redact/WordsToRedactInput.tsx
+++ b/frontend/src/components/tools/redact/WordsToRedactInput.tsx
@@ -58,7 +58,7 @@ export default function WordsToRedactInput({ wordsToRedact, onWordsChange, disab
       ))}
 
       {/* Add new word input */}
-      <Stack gap="sm">
+      <Group gap="sm" align="end">
         <TextInput
           placeholder={t('redact.auto.wordsToRedact.placeholder', 'Enter a word')}
           value={currentWord}
@@ -66,17 +66,17 @@ export default function WordsToRedactInput({ wordsToRedact, onWordsChange, disab
           onKeyDown={handleKeyPress}
           disabled={disabled}
           size="sm"
+          style={{ flex: 1 }}
         />
         <Button
           size="sm"
           variant="light"
           onClick={addWord}
           disabled={disabled || !currentWord.trim()}
-          style={{ alignSelf: 'flex-start' }}
         >
-          + {t('redact.auto.wordsToRedact.addAnother', 'Add Another')}
+          + {t('redact.auto.wordsToRedact.add', 'Add')}
         </Button>
-      </Stack>
+      </Group>
 
       {/* Examples */}
       {wordsToRedact.length === 0 && (