From a58a253a8cf85cd3994925bda48eb930d6b871d2 Mon Sep 17 00:00:00 2001
From: mkzie2 <mkzie2@gmail.com>
Date: Wed, 13 Nov 2024 19:49:41 +0700
Subject: [PATCH] fix: replace backspace button in bignumberpad with arrow icon

---
 src/components/BigNumberPad.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/BigNumberPad.tsx b/src/components/BigNumberPad.tsx
index 57cde72a016c..6b7a88ded690 100644
--- a/src/components/BigNumberPad.tsx
+++ b/src/components/BigNumberPad.tsx
@@ -5,6 +5,7 @@ import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import useThemeStyles from '@hooks/useThemeStyles';
 import ControlSelection from '@libs/ControlSelection';
 import Button from './Button';
+import * as Expensicons from './Icon/Expensicons';
 
 type BigNumberPadProps = {
     /** Callback to inform parent modal with key pressed */
@@ -79,7 +80,8 @@ function BigNumberPad({numberPressed, longPressHandlerStateChanged = () => {}, i
                                 large={!isExtraSmallScreenHeight}
                                 shouldEnableHapticFeedback
                                 style={[styles.flex1, marginLeft]}
-                                text={column === '<' ? column : toLocaleDigit(column)}
+                                text={column === '<' ? undefined : toLocaleDigit(column)}
+                                icon={column === '<' ? Expensicons.BackArrow : undefined}
                                 onLongPress={() => handleLongPress(column)}
                                 onPress={() => numberPressed(column)}
                                 onPressIn={ControlSelection.block}