diff --git a/frontend/src/views/apps/CryptoApp.contract.test.ts b/frontend/src/views/apps/CryptoApp.contract.test.ts
index bf26ef3..97064bd 100644
--- a/frontend/src/views/apps/CryptoApp.contract.test.ts
+++ b/frontend/src/views/apps/CryptoApp.contract.test.ts
@@ -113,8 +113,9 @@ describe('VaultX crypto app contracts', () => {
     expect(source).toContain('class="vault-navbar"')
     expect(source).toContain('class="vault-header-logo"')
     expect(source).toContain(
-      'class="vault-header-logo vault-header-logo--detail"',
+      '<CryptoLogo class="vault-detail-logo" :market="detail" />',
     )
+    expect(source).not.toContain('vault-header-logo--detail')
     expect(source).not.toContain('class="coin-detail-logo"')
     expect(source).not.toContain('.vault-header-brand > i')
     expect(source).toContain(':show-back="Boolean(detail)"')
diff --git a/frontend/src/views/apps/CryptoApp.vue b/frontend/src/views/apps/CryptoApp.vue
index 7ee3414..82b5e0b 100644
--- a/frontend/src/views/apps/CryptoApp.vue
+++ b/frontend/src/views/apps/CryptoApp.vue
@@ -430,11 +430,7 @@ onMounted(() => void crypto.load())
           <span>{{ t('name') }}</span>
         </span>
         <span v-else-if="detail" class="vault-detail-title">
-          <img
-            class="vault-header-logo vault-header-logo--detail"
-            :src="cryptoHeaderLogo"
-            alt=""
-          />
+          <CryptoLogo class="vault-detail-logo" :market="detail" />
           <span>
             <b>{{ detail.symbol }}</b>
             <small>{{ detail.name }}</small>
@@ -2001,9 +1997,10 @@ onMounted(() => void crypto.load())
   gap: 8px;
   align-items: center;
 }
-.vault-header-logo--detail {
-  width: 28px;
-  height: 28px;
+.vault-detail-logo {
+  width: 30px;
+  height: 30px;
+  border-radius: 11px;
 }
 .vault-detail-title > span {
   display: grid;