diff --git a/assets/json/tokens/lite-tokens-icons.json b/assets/json/tokens/lite-tokens-icons.json
index a264182b..843231ab 100644
--- a/assets/json/tokens/lite-tokens-icons.json
+++ b/assets/json/tokens/lite-tokens-icons.json
@@ -74,7 +74,7 @@
"small": "https://assets.coingecko.com/coins/images/3406/small/SNX.png?1598631139",
"large": "https://assets.coingecko.com/coins/images/3406/large/SNX.png?1598631139"
},
- "WBTC": {
+ "wBTC": {
"thumb": "https://assets.coingecko.com/coins/images/7598/thumb/wrapped_bitcoin_wbtc.png?1548822744",
"small": "https://assets.coingecko.com/coins/images/7598/small/wrapped_bitcoin_wbtc.png?1548822744",
"large": "https://assets.coingecko.com/coins/images/7598/large/wrapped_bitcoin_wbtc.png?1548822744"
diff --git a/pages/index.vue b/pages/index.vue
index 05bd471d..21404e9f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -32,9 +32,9 @@
-
+
-
+
{{ balanceError.message }}
@@ -103,7 +103,7 @@ const displayedBalances = computed(() => {
}
.tokens-container {
.token-balances-container {
- @apply -mx-3 -mb-3;
+ @apply -mx-3 -mt-1 -mb-3;
}
}
diff --git a/store/zksync/lite/tokens.ts b/store/zksync/lite/tokens.ts
index e7f6bb14..30f4ba07 100644
--- a/store/zksync/lite/tokens.ts
+++ b/store/zksync/lite/tokens.ts
@@ -3,6 +3,7 @@ import { defineStore } from "pinia";
import type { TokenInfo } from "zksync/build/types";
import { useLiteProviderStore } from "@/store/zksync/lite/provider";
+import { checksumAddress } from "@/utils/formatters";
import { getTokenIconUrlBySymbol } from "@/utils/tokens/lite";
export interface ZkSyncLiteToken extends TokenInfo {
@@ -26,7 +27,7 @@ export const useLiteTokensStore = defineStore("liteTokens", () => {
return Object.fromEntries(
Object.entries(tokens).map(([symbol, token]) => {
const iconUrl = getTokenIconUrlBySymbol(symbol);
- return [symbol, { ...token, price: 1, iconUrl }];
+ return [symbol, { ...token, address: checksumAddress(token.address), price: 1, iconUrl }];
})
);
});