diff --git a/src/widgets/token-table/ui/TokenTable.module.css b/src/widgets/token-table/ui/TokenTable.module.css
index 1d7b849..73703b3 100644
--- a/src/widgets/token-table/ui/TokenTable.module.css
+++ b/src/widgets/token-table/ui/TokenTable.module.css
@@ -147,11 +147,14 @@
   font-size: 15px;
   color: #fff;
   flex-shrink: 0;
+  overflow: hidden;
 }
 
-.tokLogo img {
-  width: 28px;
-  height: 28px;
+.tokLogoImg {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  object-fit: cover;
 }
 
 .arb {
diff --git a/src/widgets/token-table/ui/TokenTable.tsx b/src/widgets/token-table/ui/TokenTable.tsx
index 0eef2c6..6d41b72 100644
--- a/src/widgets/token-table/ui/TokenTable.tsx
+++ b/src/widgets/token-table/ui/TokenTable.tsx
@@ -118,8 +118,8 @@ function TokenTableView({ rows, isLoading, fallbackChain = 'ETH', groupByChain =
         </td>
         <td>
           <div className={styles.tokId}>
-            <div className={styles.tokLogo} style={{ background: t.color }}>
-              {t.logo ? <img src={t.logo} alt={t.ticker} className={''} /> : t.ticker[0]}
+            <div className={styles.tokLogo} style={{ background: t.logo ? 'transparent' : t.color }}>
+              {t.logo ? <img src={t.logo} alt={t.ticker} className={styles.tokLogoImg} /> : t.ticker[0]}
             </div>
             <div className={styles.balCol}>
               <b className={styles.cardTicker}>{t.ticker}</b>
@@ -172,9 +172,9 @@ function TokenTableView({ rows, isLoading, fallbackChain = 'ETH', groupByChain =
         >
           ★
         </button>
-        <div className={styles.tokLogo} style={{ background: t.color }}>
+        <div className={styles.tokLogo} style={{ background: t.logo ? 'transparent' : t.color }}>
           {t.logo
-            ? <img src={t.logo} alt={t.ticker} className={''} />
+            ? <img src={t.logo} alt={t.ticker} className={styles.tokLogoImg} />
             : t.ticker[0]}
         </div>
         <div className={styles.cardInfo}>