diff --git a/src/components/tx-flow/common/TxNonce/index.tsx b/src/components/tx-flow/common/TxNonce/index.tsx
index 31945bc02e..6ed6ced549 100644
--- a/src/components/tx-flow/common/TxNonce/index.tsx
+++ b/src/components/tx-flow/common/TxNonce/index.tsx
@@ -136,24 +136,21 @@ const TxNonceForm = ({ nonce, recommendedNonce }: { nonce: number; recommendedNo
InputProps={{
...params.InputProps,
name: field.name,
- endAdornment: (
-
-
-
-
-
-
-
- ),
+ endAdornment:
+ !readOnly && recommendedNonce.toString() !== field.value ? (
+
+
+
+
+
+
+
+ ) : null,
readOnly,
}}
className={css.input}
- sx={{ width: `${field.value.length}em`, minWidth: '5em', maxWidth: '200px' }}
+ title={field.value}
+ sx={{ maxWidth: '200px' }}
/>
)
diff --git a/src/components/tx-flow/common/TxNonce/styles.module.css b/src/components/tx-flow/common/TxNonce/styles.module.css
index 6aa41cc01f..cc8e227a00 100644
--- a/src/components/tx-flow/common/TxNonce/styles.module.css
+++ b/src/components/tx-flow/common/TxNonce/styles.module.css
@@ -5,6 +5,7 @@
.input input {
font-weight: bold;
padding-right: 6px !important;
+ text-overflow: inherit !important;
}
.adornment {