From 1dbc898f498e6efa70b294fc80dcefd57d5702f3 Mon Sep 17 00:00:00 2001
From: Federico Mastrini <federicomastrini93@gmail.com>
Date: Mon, 9 Dec 2024 14:50:16 +0100
Subject: [PATCH] fix(IT Wallet): [SIW-1899] Fix filter tabs padding within
 wallet home screen (#6517)

## Short description
This PR adjusts paddings in the filter chips within the wallet home
screen

## List of changes proposed in this pull request
- Adjusted paddings in `WalletCategoryFilterTabs` component

## How to test
Run the app, check that everything is ok and paddings are [aligned with
the Figma
design](https://www.figma.com/design/4Pbt3wd9WoPnAXVMkAA6UT/App-IO-2.0---Design-System?node-id=11659-113426&t=lUQmAFWv9kFH888E-4).

## Demo


https://github.com/user-attachments/assets/e34c66c1-90bd-4ac9-8163-1a67eb8a43f2
---
 ts/features/wallet/components/WalletCategoryFilterTabs.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ts/features/wallet/components/WalletCategoryFilterTabs.tsx b/ts/features/wallet/components/WalletCategoryFilterTabs.tsx
index f4d5d0ab0d8..69e0c5d1a77 100644
--- a/ts/features/wallet/components/WalletCategoryFilterTabs.tsx
+++ b/ts/features/wallet/components/WalletCategoryFilterTabs.tsx
@@ -1,8 +1,7 @@
 import {
   IOVisualCostants,
   TabItem,
-  TabNavigation,
-  VSpacer
+  TabNavigation
 } from "@pagopa/io-app-design-system";
 import React from "react";
 import { StyleSheet, View } from "react-native";
@@ -64,13 +63,14 @@ const WalletCategoryFilterTabs = () => {
           ))
         ]}
       </TabNavigation>
-      <VSpacer size={16} />
     </View>
   );
 };
 
 const styles = StyleSheet.create({
   container: {
+    paddingTop: 8,
+    paddingBottom: 16,
     marginHorizontal: -IOVisualCostants.appMarginDefault * 2,
     paddingHorizontal: IOVisualCostants.appMarginDefault
   }