From 995f0d292ed38b0076aca1c89deff7da40ebb5de Mon Sep 17 00:00:00 2001
From: Cheng Wang <wachmc@gmail.com>
Date: Tue, 29 Aug 2023 21:03:22 +0200
Subject: [PATCH] Minor

---
 src/components/Misc/CopyTextarea.tsx        |  7 ++++---
 src/components/Multisig/BuildMultisigTx.tsx | 10 +++++++++-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/Misc/CopyTextarea.tsx b/src/components/Misc/CopyTextarea.tsx
index d1b19bf..29b0dac 100644
--- a/src/components/Misc/CopyTextarea.tsx
+++ b/src/components/Misc/CopyTextarea.tsx
@@ -1,17 +1,18 @@
-import { Button, CopyButton, MantineColor, Tooltip } from '@mantine/core'
+import { Button, ButtonProps, CopyButton, MantineColor, Tooltip } from '@mantine/core'
 
 interface CopyTextareaProps {
   value: string
   color?: MantineColor
+  variant?: ButtonProps['variant']
 }
 
-function CopyTextarea({ value, color }: CopyTextareaProps) {
+function CopyTextarea({ value, color, variant }: CopyTextareaProps) {
   return (
     <CopyButton value={value} timeout={1000}>
       {({ copied, copy }) => (
         <Tooltip.Floating label={copied ? 'Copied' : 'Copy'} position="right">
           <Button
-            variant="subtle"
+            variant={variant || 'subtle'}
             color={color}
             onClick={copy}
             styles={{
diff --git a/src/components/Multisig/BuildMultisigTx.tsx b/src/components/Multisig/BuildMultisigTx.tsx
index e39fe32..a4d7089 100644
--- a/src/components/Multisig/BuildMultisigTx.tsx
+++ b/src/components/Multisig/BuildMultisigTx.tsx
@@ -340,7 +340,7 @@ function BuildMultisigTx() {
                 </Anchor>
               </Input.Description>
               <Space h="lg" />
-              <CopyTextarea value={form.values.unsignedTx ?? ''} />
+              <CopyTextarea value={form.values.unsignedTx ?? ''} variant='outline'/>
               <Group mt="xl" position="apart" mx="lg">
                 <Button
                   onClick={() => {
@@ -450,6 +450,14 @@ function BuildMultisigTx() {
               onStepClick={(s) => form.setValues({ step: s })}
               orientation="vertical"
               allowNextStepsSelect={false}
+              styles={(theme) => ({
+                stepIcon: {
+                  backgroundColor: theme.fn.variant({
+                    variant: 'light',
+                    color: theme.primaryColor,
+                  }).background,
+                },
+              })}
             >
               <Stepper.Step
                 label="Create"