diff --git a/src/shared/ui/TokenIcon/TokenIcon.module.css b/src/shared/ui/TokenIcon/TokenIcon.module.css
index f886ef1..2c1df34 100644
--- a/src/shared/ui/TokenIcon/TokenIcon.module.css
+++ b/src/shared/ui/TokenIcon/TokenIcon.module.css
@@ -6,4 +6,10 @@
   font-weight: 800;
   color: #fff;
   flex-shrink: 0;
+  overflow: hidden;
+}
+
+.logo {
+  border-radius: 50%;
+  object-fit: cover;
 }
diff --git a/src/shared/ui/TokenIcon/TokenIcon.tsx b/src/shared/ui/TokenIcon/TokenIcon.tsx
index 5f96c66..dac7e7f 100644
--- a/src/shared/ui/TokenIcon/TokenIcon.tsx
+++ b/src/shared/ui/TokenIcon/TokenIcon.tsx
@@ -14,7 +14,7 @@ export function TokenIcon({ letter, color, logo, size = 40 }: Props) {
       style={{ background: logo ? 'transparent' : color, width: size, height: size, fontSize: size * 0.45 }}
     >
       {logo
-        ? <img src={logo} alt={letter} style={{ width: size * 0.7, height: size * 0.7 }} />
+        ? <img className={styles.logo} src={logo} alt={letter} style={{ width: size, height: size }} />
         : letter
       }
     </div>
diff --git a/vite.config.ts b/vite.config.ts
index fae3bf0..1d11ac3 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,6 +5,6 @@ import tsconfigPaths from 'vite-tsconfig-paths'
 export default defineConfig({
   plugins: [react(), tsconfigPaths()],
   server: {
-    port: 3000,
+    port: Number(process.env.PORT) || 3000,
   },
 })