diff --git a/src/components/AssetIcon.tsx b/src/components/AssetIcon.tsx
index 085376b..d9c1995 100644
--- a/src/components/AssetIcon.tsx
+++ b/src/components/AssetIcon.tsx
@@ -1,68 +1,63 @@
 import styled, { type AnyStyledComponent } from 'styled-components';
 
+import { Nullable } from '@/constants/abacus';
+
 export type AssetSymbol = keyof typeof assetIcons;
 
 const assetIcons = {
   '1INCH': '/currencies/1inch.svg',
-  'AAVE': '/currencies/aave.svg',
-  'ADA': '/currencies/ada.svg',
-  'ALGO': '/currencies/algo.svg',
-  'ATOM': '/currencies/atom.svg',
-  'AVAX': '/currencies/avax.svg',
-  'BCH': '/currencies/bch.svg',
-  'BTC': '/currencies/btc.svg',
-  'CELO': '/currencies/celo.svg',
-  'COMP': '/currencies/comp.svg',
-  'CRV': '/currencies/crv.svg',
-  'DAI': '/currencies/dai.svg',
-  'DOGE': '/currencies/doge.svg',
-  'DOT': '/currencies/dot.svg',
-  'DYDX': '/currencies/dydx.svg',
-  'ENJ': '/currencies/enj.svg',
-  'EOS': '/currencies/eos.svg',
-  'ETC': '/currencies/etc.svg',
-  'ETH': '/currencies/eth.svg',
-  'FIL': '/currencies/fil.svg',
-  'ICP': '/currencies/icp.svg',
-  'LINK': '/currencies/link.svg',
-  'LTC': '/currencies/ltc.svg',
-  'LUNA': '/currencies/luna.svg',
-  'MATIC': '/currencies/matic.svg',
-  'MKR': '/currencies/mkr.svg',
-  'NEAR': '/currencies/near.svg',
-  'RUNE': '/currencies/rune.svg',
-  'SNX': '/currencies/snx.svg',
-  'SOL': '/currencies/sol.svg',
-  'SUSHI': '/currencies/sushi.svg',
-  'TRX': '/currencies/trx.svg',
-  'UMA': '/currencies/uma.svg',
-  'UNI': '/currencies/uni.svg',
-  'USDC': '/currencies/usdc.svg',
-  'USDT': '/currencies/usdt.svg',
-  'WBTC': '/currencies/wbtc.svg',
-  'WETH': '/currencies/weth.svg',
-  'XLM': '/currencies/xlm.svg',
-  'XMR': '/currencies/xmr.svg',
-  'XTZ': '/currencies/xtz.svg',
-  'YFI': '/currencies/yfi.svg',
-  'ZEC': '/currencies/zec.svg',
-  'ZRX': '/currencies/zrx.svg',
+  AAVE: '/currencies/aave.svg',
+  ADA: '/currencies/ada.svg',
+  ALGO: '/currencies/algo.svg',
+  ATOM: '/currencies/atom.svg',
+  AVAX: '/currencies/avax.svg',
+  BCH: '/currencies/bch.svg',
+  BTC: '/currencies/btc.svg',
+  CELO: '/currencies/celo.svg',
+  COMP: '/currencies/comp.svg',
+  CRV: '/currencies/crv.svg',
+  DAI: '/currencies/dai.svg',
+  DOGE: '/currencies/doge.svg',
+  DOT: '/currencies/dot.svg',
+  DYDX: '/currencies/dydx.svg',
+  ENJ: '/currencies/enj.svg',
+  EOS: '/currencies/eos.svg',
+  ETC: '/currencies/etc.svg',
+  ETH: '/currencies/eth.svg',
+  FIL: '/currencies/fil.svg',
+  ICP: '/currencies/icp.svg',
+  LINK: '/currencies/link.svg',
+  LTC: '/currencies/ltc.svg',
+  LUNA: '/currencies/luna.svg',
+  MATIC: '/currencies/matic.svg',
+  MKR: '/currencies/mkr.svg',
+  NEAR: '/currencies/near.svg',
+  RUNE: '/currencies/rune.svg',
+  SNX: '/currencies/snx.svg',
+  SOL: '/currencies/sol.svg',
+  SUSHI: '/currencies/sushi.svg',
+  TRX: '/currencies/trx.svg',
+  UMA: '/currencies/uma.svg',
+  UNI: '/currencies/uni.svg',
+  USDC: '/currencies/usdc.svg',
+  USDT: '/currencies/usdt.svg',
+  WBTC: '/currencies/wbtc.svg',
+  WETH: '/currencies/weth.svg',
+  XLM: '/currencies/xlm.svg',
+  XMR: '/currencies/xmr.svg',
+  XTZ: '/currencies/xtz.svg',
+  YFI: '/currencies/yfi.svg',
+  ZEC: '/currencies/zec.svg',
+  ZRX: '/currencies/zrx.svg',
 } as const;
 
 export const AssetIcon = ({
   symbol,
-  className
+  className,
 }: {
-  symbol?: AssetSymbol,
-  className?: string
-}) => (
-  symbol ? (
-    <Styled.Img
-      src={assetIcons[symbol]}
-      className={className}
-    />
-  ) : null
-);
+  symbol?: Nullable<AssetSymbol>;
+  className?: string;
+}) => (symbol ? <Styled.Img src={assetIcons[symbol]} className={className} /> : null);
 
 const Styled: Record<string, AnyStyledComponent> = {};
 
diff --git a/src/lib/abacus/index.ts b/src/lib/abacus/index.ts
index 1afef4b..1d43a86 100644
--- a/src/lib/abacus/index.ts
+++ b/src/lib/abacus/index.ts
@@ -210,7 +210,7 @@ class AbacusStateManager {
   };
 
   sendSocketRequest = (requestText: string) => {
-    this.websocket.sendSocketRequest(requestText);
+    this.websocket.send(requestText);
   };
 }
 
diff --git a/src/lib/abacus/websocket.ts b/src/lib/abacus/websocket.ts
index 450151a..d206418 100644
--- a/src/lib/abacus/websocket.ts
+++ b/src/lib/abacus/websocket.ts
@@ -46,10 +46,6 @@ class AbacusWebsocket implements Omit<AbacusWebsocketProtocol, '__doNotUseOrImpl
     }
   }
 
-  sendSocketRequest = (requestText: string) => {
-    this.socket?.send(requestText);
-  };
-
   handleCandlesSubscription = ({
     channelId,
     subscribe,
diff --git a/src/pages/trade/HorizontalPanel.tsx b/src/pages/trade/HorizontalPanel.tsx
index eed22a2..43be48f 100644
--- a/src/pages/trade/HorizontalPanel.tsx
+++ b/src/pages/trade/HorizontalPanel.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { shallowEqual, useSelector } from 'react-redux';
-import styled, { css, type AnyStyledComponent } from 'styled-components';
+import styled, { type AnyStyledComponent } from 'styled-components';
 
 import { STRING_KEYS } from '@/constants/localization';