From a36d0ab28d2af6b4033ec324a59389ce075df831 Mon Sep 17 00:00:00 2001
From: "smx.pusha" <139338836+smxpusha@users.noreply.github.com>
Date: Tue, 18 Aug 2026 13:25:57 +0200
Subject: [PATCH] FIX - lower VaultX activity filter content

Move each centered activity icon-label group downward to correct the visible vertical alignment at the scaled phone size. Keep the three filters on the same baseline and cover the final optical offset in the contract test.
---
 frontend/src/views/apps/CryptoApp.contract.test.ts | 2 +-
 frontend/src/views/apps/CryptoApp.vue              | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/apps/CryptoApp.contract.test.ts b/frontend/src/views/apps/CryptoApp.contract.test.ts
index ddc0e3a..0c9af9d 100644
--- a/frontend/src/views/apps/CryptoApp.contract.test.ts
+++ b/frontend/src/views/apps/CryptoApp.contract.test.ts
@@ -216,7 +216,7 @@ describe('VaultX crypto app contracts', () => {
     expect(source.match(/class="activity-filter-content"/g)).toHaveLength(3)
     expect(source).toContain('<WalletCards :size="15" />')
     expect(source).not.toContain('inset-inline-start: 10px;')
-    expect(source).toContain('transform: translateY(-1px);')
+    expect(source).toContain('transform: translateY(1px);')
   })
 
   it('exposes a broad fictional market with dedicated logo marks', () => {
diff --git a/frontend/src/views/apps/CryptoApp.vue b/frontend/src/views/apps/CryptoApp.vue
index d9e83c0..73d039b 100644
--- a/frontend/src/views/apps/CryptoApp.vue
+++ b/frontend/src/views/apps/CryptoApp.vue
@@ -3590,7 +3590,7 @@ onUnmounted(() => {
   min-height: 15px;
   line-height: 1;
   white-space: nowrap;
-  transform: translateY(-1px);
+  transform: translateY(1px);
 }
 .activity-filters :deep(.activity-filter-content svg) {
   display: block;