button updates

tauri-wallet/src/components/CopyToClipboard.tsx

@@ -38,10 +38,11 @@ export const CopyToClipboard = ({ text }: { text: string }) => {
   return (
     <Button
       size="small"
-      variant="outlined"
+      variant={copied ? 'text' : 'outlined'}
       aria-label="save"
       onClick={() => handleCopy({ text, cb: updateCopyStatus })}
-      endIcon={copied && <Check style={{ color: green[500] }} />}
+      endIcon={copied && <Check />}
+      style={copied ? { background: green[500], color: 'white' } : {}}
     >
       {copied ? 'Copied' : 'Copy'}
     </Button>

tauri-wallet/src/components/NavigationCards.tsx

@@ -28,7 +28,7 @@ export const BalanceCard = () => {
         noPadding
         Action={
           <Tooltip title="Refresh balance">
-            <IconButton onClick={getBalance.fetchBalance}>
+            <IconButton onClick={getBalance.fetchBalance} size="small">
               <Refresh />
             </IconButton>
           </Tooltip>

tauri-wallet/src/theme.tsx

@@ -35,6 +35,18 @@ export const theme = createTheme({
       text: {
         padding: '12px 24px',
       },
+      outlined: {
+        padding: '12px 24px',
+      },
+      textSizeSmall: {
+        padding: '6px 12px',
+      },
+      outlinedSizeSmall: {
+        padding: '8px 12px',
+      },
+      containedSizeSmall: {
+        padding: '8px 12px',
+      },
     },
 
     MuiStepIcon: {