From 5fe39f14d695c584f209203ca7b8b1b0167cd822 Mon Sep 17 00:00:00 2001
From: katspaugh <381895+katspaugh@users.noreply.github.com>
Date: Wed, 29 May 2024 11:57:11 +0200
Subject: [PATCH] Fix: back button style (#3742)

---
 src/components/tx-flow/common/TxLayout/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/tx-flow/common/TxLayout/index.tsx b/src/components/tx-flow/common/TxLayout/index.tsx
index 872f5e6a9c..de243b6d85 100644
--- 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>