diff --git a/src/components/tx-flow/common/TxNonce/index.tsx b/src/components/tx-flow/common/TxNonce/index.tsx
index 31945bc02e..710ec752c3 100644
--- a/src/components/tx-flow/common/TxNonce/index.tsx
+++ b/src/components/tx-flow/common/TxNonce/index.tsx
@@ -136,24 +136,23 @@ const TxNonceForm = ({ nonce, recommendedNonce }: { nonce: number; recommendedNo
                     InputProps={{
                       ...params.InputProps,
                       name: field.name,
-                      endAdornment: (
-                        <InputAdornment position="end" className={css.adornment}>
-                          <Tooltip title="Reset to recommended nonce">
-                            <IconButton
-                              onClick={resetNonce}
-                              size="small"
-                              color="primary"
-                              disabled={readOnly || recommendedNonce.toString() === field.value}
-                            >
-                              <RotateLeftIcon fontSize="small" />
-                            </IconButton>
-                          </Tooltip>
-                        </InputAdornment>
-                      ),
+                      endAdornment:
+                        !readOnly && recommendedNonce.toString() !== field.value ? (
+                          <InputAdornment position="end" className={css.adornment}>
+                            <Tooltip title="Reset to recommended nonce">
+                              <IconButton onClick={resetNonce} size="small" color="primary">
+                                <RotateLeftIcon fontSize="small" />
+                              </IconButton>
+                            </Tooltip>
+                          </InputAdornment>
+                        ) : null,
                       readOnly,
                     }}
                     className={css.input}
-                    sx={{ width: `${field.value.length}em`, minWidth: '5em', maxWidth: '200px' }}
+                    title={field.value}
+                    sx={{
+                      minWidth: `clamp(1ch, ${field.value.length}ch, 200px)`,
+                    }}
                   />
                 </Tooltip>
               )
diff --git a/src/components/tx-flow/common/TxNonce/styles.module.css b/src/components/tx-flow/common/TxNonce/styles.module.css
index 6aa41cc01f..9eb7bd83b3 100644
--- a/src/components/tx-flow/common/TxNonce/styles.module.css
+++ b/src/components/tx-flow/common/TxNonce/styles.module.css
@@ -4,10 +4,12 @@
 
 .input input {
   font-weight: bold;
-  padding-right: 6px !important;
+  padding-right: 30px !important;
 }
 
 .adornment {
   margin-left: 0;
   margin-right: 4px;
+  position: absolute;
+  right: 0;
 }