diff --git a/web/src/components/AddLiquidityModal.tsx b/web/src/components/AddLiquidityModal.tsx
index acc1e1a3..cddf4bce 100644
--- a/web/src/components/AddLiquidityModal.tsx
+++ b/web/src/components/AddLiquidityModal.tsx
@@ -28,6 +28,9 @@ const getDisplayName = (assetId: number): string => {
   if (assetId === ASSET_IDS.WHEZ || assetId === 2 || assetId === 0) return 'wHEZ';  // Wrapped HEZ (asset 0 or 2)
   if (assetId === ASSET_IDS.PEZ || assetId === 1) return 'PEZ';
   if (assetId === ASSET_IDS.WUSDT || assetId === 1000) return 'USDT';
+  if (assetId === 1001) return 'DOT';
+  if (assetId === 1002) return 'ETH';
+  if (assetId === 1003) return 'BTC';
   return getAssetSymbol(assetId);
 };
 
@@ -37,12 +40,18 @@ const getBalanceKey = (assetId: number): string => {
   if (assetId === ASSET_IDS.WHEZ || assetId === 2 || assetId === 0) return 'wHEZ';  // Wrapped HEZ (asset 0 or 2)
   if (assetId === ASSET_IDS.PEZ || assetId === 1) return 'PEZ';
   if (assetId === ASSET_IDS.WUSDT || assetId === 1000) return 'USDT';
+  if (assetId === 1001) return 'DOT';
+  if (assetId === 1002) return 'ETH';
+  if (assetId === 1003) return 'BTC';
   return getAssetSymbol(assetId);
 };
 
 // Helper to get decimals for asset
 const getAssetDecimals = (assetId: number): number => {
   if (assetId === ASSET_IDS.WUSDT || assetId === 1000) return 6; // wUSDT has 6 decimals
+  if (assetId === 1001) return 10; // wDOT has 10 decimals
+  if (assetId === 1002) return 18; // wETH has 18 decimals
+  if (assetId === 1003) return 8;  // wBTC has 8 decimals
   return 12; // wHEZ, PEZ have 12 decimals
 };
 
diff --git a/web/src/components/RemoveLiquidityModal.tsx b/web/src/components/RemoveLiquidityModal.tsx
index ee239c37..4b5c0ce1 100644
--- a/web/src/components/RemoveLiquidityModal.tsx
+++ b/web/src/components/RemoveLiquidityModal.tsx
@@ -26,12 +26,18 @@ const getDisplayTokenName = (assetId: number): string => {
   if (assetId === ASSET_IDS.WHEZ || assetId === 2) return 'wHEZ';  // Wrapped HEZ
   if (assetId === ASSET_IDS.PEZ || assetId === 1) return 'PEZ';
   if (assetId === ASSET_IDS.WUSDT || assetId === 1000) return 'USDT';
+  if (assetId === 1001) return 'DOT';
+  if (assetId === 1002) return 'ETH';
+  if (assetId === 1003) return 'BTC';
   return getAssetSymbol(assetId);
 };
 
 // Helper to get decimals for each asset
 const getAssetDecimals = (assetId: number): number => {
-  if (assetId === ASSET_IDS.WUSDT) return 6; // wUSDT has 6 decimals
+  if (assetId === ASSET_IDS.WUSDT || assetId === 1000) return 6; // wUSDT has 6 decimals
+  if (assetId === 1001) return 10; // wDOT has 10 decimals
+  if (assetId === 1002) return 18; // wETH has 18 decimals
+  if (assetId === 1003) return 8;  // wBTC has 8 decimals
   return 12; // wHEZ, PEZ have 12 decimals
 };