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;
 }