From 6def666e1b4f4aeac5bcb0d2a14bd4429f7e3071 Mon Sep 17 00:00:00 2001
From: "smx.pusha" <139338836+smxpusha@users.noreply.github.com>
Date: Tue, 18 Aug 2026 12:53:52 +0200
Subject: [PATCH] FIX - align VaultX activity filters

Center every activity filter icon and label on the segmented control axis so differing SVG baselines no longer shift the visual height. Keep the alignment covered by the VaultX contract test.
---
 frontend/src/views/apps/CryptoApp.contract.test.ts | 2 ++
 frontend/src/views/apps/CryptoApp.vue              | 6 ++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/apps/CryptoApp.contract.test.ts b/frontend/src/views/apps/CryptoApp.contract.test.ts
index 14eb709..9359240 100644
--- a/frontend/src/views/apps/CryptoApp.contract.test.ts
+++ b/frontend/src/views/apps/CryptoApp.contract.test.ts
@@ -203,6 +203,8 @@ describe('VaultX crypto app contracts', () => {
     expect(source).toContain('class="activity-filters"')
     expect(source).toContain('class="activity-status__icon"')
     expect(source).toContain('<WalletCards :size="15" />')
+    expect(source).toContain('top: 50%;')
+    expect(source).toContain('transform: translateY(-50%);')
   })
 
   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 8856ecf..9de17c0 100644
--- a/frontend/src/views/apps/CryptoApp.vue
+++ b/frontend/src/views/apps/CryptoApp.vue
@@ -3554,17 +3554,19 @@ onUnmounted(() => {
 }
 .activity-filters :deep(.sky-segmented-button svg) {
   position: absolute;
+  top: 50%;
   inset-inline-start: 10px;
   display: block;
   flex: 0 0 auto;
+  transform: translateY(-50%);
 }
 .activity-filters :deep(.sky-segmented-button > span) {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
-  height: 15px;
-  line-height: 15px;
+  min-height: 15px;
+  line-height: 1;
   text-align: center;
   white-space: nowrap;
 }