From 3eb67fa078b7d4c75d6aead717908dea9098e162 Mon Sep 17 00:00:00 2001
From: Eason Chai <echai2905@gmail.com>
Date: Tue, 13 May 2025 17:15:20 +0800
Subject: [PATCH] fix: Balance dance jumpy width

---
 docs/sdk/super-tokens/balance-dance.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/sdk/super-tokens/balance-dance.mdx b/docs/sdk/super-tokens/balance-dance.mdx
index 5fd29ef..852894d 100644
--- a/docs/sdk/super-tokens/balance-dance.mdx
+++ b/docs/sdk/super-tokens/balance-dance.mdx
@@ -248,7 +248,7 @@ If you run into this issue, you can try to set a fixed width to the component li
 ```
 This should fix the jumpy behaviour and make the component flow smoothly like the example below:
 <div style={{ display: "flex", fontSize: "1.2rem", fontWeight: "bold", justifyContent: "center" }}>
-  <div style={{ width: "160px", margin: "auto" }}>
+  <div style={{ width: "180px", margin: "auto" }}>
    ✅ <FlowingBalance startingBalance={BigInt("1000000000000000000")} startingBalanceDate={new Date('2024-01-01T00:00:00.000Z')} flowRate={BigInt("1000000000000000")} />
   </div>
 </div>