diff --git a/.changeset/fluffy-rules-drop.md b/.changeset/fluffy-rules-drop.md
new file mode 100644
index 00000000..0b95b0a8
--- /dev/null
+++ b/.changeset/fluffy-rules-drop.md
@@ -0,0 +1,5 @@
+---
+'@rosen-bridge/ui-kit': patch
+---
+
+Address the issue concerning the display of values in the Amount component
diff --git a/packages/ui-kit/src/components/common/Amount.tsx b/packages/ui-kit/src/components/common/Amount.tsx
index d598321d..a26ee73f 100644
--- a/packages/ui-kit/src/components/common/Amount.tsx
+++ b/packages/ui-kit/src/components/common/Amount.tsx
@@ -50,9 +50,9 @@ export const Amount = ({
               color="text.primary"
               variant={size == 'normal' ? 'body1' : 'h2'}
             >
-              {+number ? number.replace(/\B(?=(\d{3})+(?!\d))/g, ',') : '-'}
+              {+value ? number.replace(/\B(?=(\d{3})+(?!\d))/g, ',') : '-'}
             </Typography>
-            {!!+number && (
+            {!!+value && (
               <>
                 {!!decimals && (
                   <Typography