Restore text style on mobile

safe-global · May 29, 2024 · b72be36 · b72be36
1 parent e61c907
commit b72be36
Showing 1 changed file with 2 additions and 1 deletion.
diff --git 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" />}