From b72be36fd8da3f7ac3e3d1f5188fae14fcd67930 Mon Sep 17 00:00:00 2001
From: katspaugh <katspaugh@gmail.com>
Date: Wed, 29 May 2024 11:55:26 +0200
Subject: [PATCH] Restore text style on mobile

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

diff --git a/src/components/tx-flow/common/TxLayout/index.tsx b/src/components/tx-flow/common/TxLayout/index.tsx
index adf9c7191a..de243b6d85 100644
--- a/src/components/tx-flow/common/TxLayout/index.tsx
+++ b/src/components/tx-flow/common/TxLayout/index.tsx
@@ -83,6 +83,7 @@ const TxLayout = ({
 
   const theme = useTheme()
   const isSmallScreen = useMediaQuery(theme.breakpoints.down('md'))
+  const isDesktop = useMediaQuery(theme.breakpoints.down('lg'))
 
   const steps = Array.isArray(children) ? children : [children]
   const progress = Math.round(((step + 1) / steps.length) * 100)
@@ -146,7 +147,7 @@ const TxLayout = ({
                     {onBack && step > 0 && (
                       <Button
                         data-testid="modal-back-btn"
-                        variant="outlined"
+                        variant={isDesktop ? 'text' : 'outlined'}
                         onClick={onBack}
                         className={css.backButton}
                         startIcon={<ArrowBackIcon fontSize="small" />}