Fix: back button style (#3742)

safe-global · May 29, 2024 · 5fe39f1 · 5fe39f1
1 parent 1822efd
commit 5fe39f1
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/tx-flow/common/TxLayout/index.tsx b/src/components/tx-flow/common/TxLayout/index.tsx
@@ -1,6 +1,7 @@
 import useSafeInfo from '@/hooks/useSafeInfo'
 import { type ComponentType, type ReactElement, type ReactNode, useContext, useEffect, useState } from 'react'
 import { Box, Container, Grid, Typography, Button, Paper, SvgIcon, IconButton, useMediaQuery } from '@mui/material'
+import ArrowBackIcon from '@mui/icons-material/ArrowBack'
 import { useTheme } from '@mui/material/styles'
 import type { TransactionSummary } from '@safe-global/safe-gateway-typescript-sdk'
 import classnames from 'classnames'
@@ -146,9 +147,10 @@ const TxLayout = ({
                     {onBack && step > 0 && (
                       <Button
                         data-testid="modal-back-btn"
-                        variant={isDesktop ? 'text' : 'contained'}
+                        variant={isDesktop ? 'text' : 'outlined'}
                         onClick={onBack}
                         className={css.backButton}
+                        startIcon={<ArrowBackIcon fontSize="small" />}
                       >
                         Back
                       </Button>