From c1b97ad0f217fc8b72803b45b2b2f328885f9942 Mon Sep 17 00:00:00 2001
From: Mark Bouslog <mark@zooniverse.org>
Date: Mon, 18 Nov 2024 22:08:33 -0600
Subject: [PATCH] Refactor Choice button borders

---
 .../survey/components/components/Choice/Choice.js  | 14 ++++++++++++--
 .../InputGroup/components/QuestionInput.js         |  2 +-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/lib-classifier/src/plugins/tasks/survey/components/components/Choice/Choice.js b/packages/lib-classifier/src/plugins/tasks/survey/components/components/Choice/Choice.js
index 680fee03ce..08cb5c84b0 100644
--- a/packages/lib-classifier/src/plugins/tasks/survey/components/components/Choice/Choice.js
+++ b/packages/lib-classifier/src/plugins/tasks/survey/components/components/Choice/Choice.js
@@ -19,6 +19,16 @@ const StyledBox = styled(Box)`
   }
 `
 
+const StyledButton = styled(Button)`
+  border: 1px solid ${props => props.theme.global.colors.brand};
+  border-radius: 4px;
+`
+
+const StyledPrimaryButton = styled(PrimaryButton)`
+  border-radius: 4px;
+`
+
+
 function Choice({
   answers = {},
   choiceId = '',
@@ -176,12 +186,12 @@ function Choice({
           margin={{ top: '30px' }}
           pad={{ top: 'small' }}
         >
-          <Button
+          <StyledButton
             fill='horizontal'
             label={t('SurveyTask.Choice.cancel')}
             onClick={() => handleDelete(choiceId)}
           />
-          <PrimaryButton
+          <StyledPrimaryButton
             data-testid='choice-identify-button'
             disabled={!allowIdentify}
             fill='horizontal'
diff --git a/packages/lib-classifier/src/plugins/tasks/survey/components/components/Choice/components/Questions/components/InputGroup/components/QuestionInput.js b/packages/lib-classifier/src/plugins/tasks/survey/components/components/Choice/components/Questions/components/InputGroup/components/QuestionInput.js
index 042591cf00..9f100e78ce 100644
--- a/packages/lib-classifier/src/plugins/tasks/survey/components/components/Choice/components/Questions/components/InputGroup/components/QuestionInput.js
+++ b/packages/lib-classifier/src/plugins/tasks/survey/components/components/Choice/components/Questions/components/InputGroup/components/QuestionInput.js
@@ -59,7 +59,7 @@ function QuestionInput (props) {
           right: 'xsmall'
         }}
         pad={{ horizontal: 'xsmall' }}
-        round={type === 'radio' ? 'full' : false}
+        round={type === 'radio' ? 'full' : '4px'}
         width={type === 'radio' ? { min: '40px' } : { min: '110px' }}
       >
         <input