diff --git a/ui/component/walletSendTip/view.jsx b/ui/component/walletSendTip/view.jsx
index ac5c6727e..0e3d58890 100644
--- a/ui/component/walletSendTip/view.jsx
+++ b/ui/component/walletSendTip/view.jsx
@@ -601,6 +601,7 @@ function WalletSendTip(props: Props) {
                     <FormField
                       autoFocus
                       name="tip-input"
+                      className="send__tip_input"
                       label={
                         <React.Fragment>
                           {__('Custom support amount')}{' '}
@@ -620,6 +621,9 @@ function WalletSendTip(props: Props) {
                       min="0"
                       step="any"
                       type="number"
+                      style={{
+                        width: activeTab === TAB_FIAT ? '99px' : '160px',
+                      }}
                       placeholder="1.23"
                       value={customTipAmount}
                       onChange={(event) => handleCustomPriceChange(event)}
diff --git a/ui/scss/component/_form-field.scss b/ui/scss/component/_form-field.scss
index 5c4a3a2c8..2b4b161d8 100644
--- a/ui/scss/component/_form-field.scss
+++ b/ui/scss/component/_form-field.scss
@@ -404,9 +404,9 @@ fieldset-group {
   }
 }
 
-.form-field--price-amount {
-  max-width: 6em;
-}
+  //.form-field--price-amount {
+  //  max-width: 6em;
+  //}
 
 .form-field--price-amount--auto {
   width: auto;