From c319cc57beadd07f17b3fc3cf0f3fcb236387453 Mon Sep 17 00:00:00 2001
From: "smx.pusha" <139338836+smxpusha@users.noreply.github.com>
Date: Tue, 18 Aug 2026 12:42:02 +0200
Subject: [PATCH] FIX - center VaultX detail logos

Scope the detail title text layout to its final span so it no longer overrides CryptoLogo's centered grid. This keeps every market SVG centered inside its header mark.
---
 frontend/src/views/apps/CryptoApp.contract.test.ts | 2 ++
 frontend/src/views/apps/CryptoApp.vue              | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/apps/CryptoApp.contract.test.ts b/frontend/src/views/apps/CryptoApp.contract.test.ts
index 342b3a8..415e294 100644
--- a/frontend/src/views/apps/CryptoApp.contract.test.ts
+++ b/frontend/src/views/apps/CryptoApp.contract.test.ts
@@ -163,6 +163,8 @@ describe('VaultX crypto app contracts', () => {
     expect(source).toContain(
       '<CryptoLogo class="vault-detail-logo" :market="detail" />',
     )
+    expect(source).toContain('.vault-detail-title > span:last-child')
+    expect(source).not.toMatch(/\.vault-detail-title > span\s*\{/)
     expect(source).not.toContain('vault-header-logo--detail')
     expect(source).not.toContain('class="coin-detail-logo"')
     expect(source).not.toContain('.vault-header-brand > i')
diff --git a/frontend/src/views/apps/CryptoApp.vue b/frontend/src/views/apps/CryptoApp.vue
index 967a723..2bfb1b0 100644
--- a/frontend/src/views/apps/CryptoApp.vue
+++ b/frontend/src/views/apps/CryptoApp.vue
@@ -2792,7 +2792,7 @@ onUnmounted(() => {
   height: 30px;
   border-radius: 11px;
 }
-.vault-detail-title > span {
+.vault-detail-title > span:last-child {
   display: grid;
   justify-items: start;
   line-height: 1.05;