diff --git a/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap b/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap
index a52d7b63..42e0e1d1 100644
--- a/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap
+++ b/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap
@@ -361,7 +361,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
             {
               "color": "#031344",
               "fontFamily": "Titillium Sans Pro",
-              "fontSize": 18,
+              "fontSize": 17,
               "fontStyle": "normal",
               "fontWeight": "600",
               "lineHeight": 24,
diff --git a/src/components/listitems/ListItemAction.tsx b/src/components/listitems/ListItemAction.tsx
index 2fcdb2e1..d1493c14 100644
--- a/src/components/listitems/ListItemAction.tsx
+++ b/src/components/listitems/ListItemAction.tsx
@@ -79,7 +79,7 @@ export const ListItemAction = ({
               />
             </View>
           )}
-          <View style={{ flexGrow: 1 }}>
+          <View style={{ flexGrow: 1, flexShrink: 1 }}>
             <ButtonText color={mapForegroundColor[variant]}>{label}</ButtonText>
           </View>
         </Animated.View>
diff --git a/src/components/listitems/ListItemRadioWithAmount.tsx b/src/components/listitems/ListItemRadioWithAmount.tsx
index bbe927bf..bd18bd8d 100644
--- a/src/components/listitems/ListItemRadioWithAmount.tsx
+++ b/src/components/listitems/ListItemRadioWithAmount.tsx
@@ -1,11 +1,11 @@
 import * as React from "react";
-import { StyleSheet, View } from "react-native";
+import { View } from "react-native";
 import RNReactNativeHapticFeedback from "react-native-haptic-feedback";
 import { IOColors, useIOTheme } from "../../core";
 import { Icon } from "../icons";
 import { AnimatedRadio } from "../radio/AnimatedRadio";
-import { HSpacer, VSpacer } from "../spacer";
-import { H6, BodySmall } from "../typography";
+import { HStack } from "../stack";
+import { BodySmall, H6 } from "../typography";
 import { PressableListItemBase } from "./PressableListItemBase";
 
 export type ListItemRadioWithAmountProps = {
@@ -56,45 +56,29 @@ export const ListItemRadioWithAmount = ({
       }}
     >
       <View style={{ flexShrink: 1 }}>
-        <BodySmall
-          weight="Semibold"
-          numberOfLines={1}
-          color={theme["textBody-default"]}
-        >
+        <H6 numberOfLines={1} color={theme["textBody-default"]}>
           {label}
-        </BodySmall>
+        </H6>
         {isSuggested && (
-          <>
-            <VSpacer size={4} />
-            <View style={styles.rowCenter}>
-              <Icon name="sparkles" size={16} color={suggestColor} />
-              <HSpacer size={4} />
-              <BodySmall weight="Regular" color={suggestColor}>
-                {suggestReason}
-              </BodySmall>
-            </View>
-          </>
+          <HStack space={4} style={{ alignItems: "center" }}>
+            <Icon name="sparkles" size={16} color={suggestColor} />
+            <BodySmall weight="Regular" color={suggestColor}>
+              {suggestReason}
+            </BodySmall>
+          </HStack>
         )}
       </View>
-      <View
+      <HStack
+        space={8}
         pointerEvents="none"
         accessibilityElementsHidden
         importantForAccessibility="no-hide-descendants"
-        style={{ flexDirection: "row" }}
       >
         <H6 color={theme["interactiveElem-default"]}>
           {formattedAmountString}
         </H6>
-        <HSpacer size={8} />
         <AnimatedRadio checked={selected ?? toggleValue} />
-      </View>
+      </HStack>
     </PressableListItemBase>
   );
 };
-
-const styles = StyleSheet.create({
-  rowCenter: {
-    flexDirection: "row",
-    alignItems: "center"
-  }
-});
diff --git a/src/components/listitems/ListItemTransaction.tsx b/src/components/listitems/ListItemTransaction.tsx
index 319080dc..a4892ba0 100644
--- a/src/components/listitems/ListItemTransaction.tsx
+++ b/src/components/listitems/ListItemTransaction.tsx
@@ -146,13 +146,9 @@ export const ListItemTransaction = ({
           </View>
         )}
         <View style={{ flexShrink: 1 }}>
-          <BodySmall
-            numberOfLines={numberOfLines}
-            color={theme["textBody-default"]}
-            weight="Semibold"
-          >
+          <H6 numberOfLines={numberOfLines} color={theme["textBody-default"]}>
             {title}
-          </BodySmall>
+          </H6>
           <BodySmall weight="Regular" color={theme["textBody-tertiary"]}>
             {subtitle}
           </BodySmall>
diff --git a/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap b/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap
index a94901ff..c6913381 100644
--- a/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap
+++ b/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap
@@ -73,6 +73,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemAction Snapsh
         style={
           {
             "flexGrow": 1,
+            "flexShrink": 1,
           }
         }
       >
@@ -945,7 +946,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
       >
         <Text
           allowFontScaling={true}
-          dynamicTypeRamp="footnote"
+          dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
           style={
@@ -954,28 +955,23 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillio",
-                "fontSize": 14,
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "600",
-                "lineHeight": 21,
+                "lineHeight": 24,
               },
             ]
           }
         >
           label
         </Text>
-        <View
-          style={
-            {
-              "height": 4,
-            }
-          }
-        />
         <View
           style={
             {
               "alignItems": "center",
+              "display": "flex",
               "flexDirection": "row",
+              "gap": 4,
             }
           }
         >
@@ -1036,13 +1032,6 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
               />
             </RNSVGGroup>
           </RNSVGSvgView>
-          <View
-            style={
-              {
-                "width": 4,
-              }
-            }
-          />
           <Text
             allowFontScaling={true}
             dynamicTypeRamp="footnote"
@@ -1071,7 +1060,9 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
         pointerEvents="none"
         style={
           {
+            "display": "flex",
             "flexDirection": "row",
+            "gap": 8,
           }
         }
       >
@@ -1095,13 +1086,6 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
         >
           € 1.000,00
         </Text>
-        <View
-          style={
-            {
-              "width": 8,
-            }
-          }
-        />
         <View
           accessibilityState={
             {
@@ -1329,7 +1313,7 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
       >
         <Text
           allowFontScaling={true}
-          dynamicTypeRamp="footnote"
+          dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
           style={
@@ -1338,10 +1322,10 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillio",
-                "fontSize": 14,
+                "fontSize": 16,
                 "fontStyle": "normal",
                 "fontWeight": "600",
-                "lineHeight": 21,
+                "lineHeight": 24,
               },
             ]
           }
@@ -1355,7 +1339,9 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
         pointerEvents="none"
         style={
           {
+            "display": "flex",
             "flexDirection": "row",
+            "gap": 8,
           }
         }
       >
@@ -1379,13 +1365,6 @@ exports[`Test List Item Components - Experimental Enabled  ListItemRadioWithAmou
         >
           € 1.000,00
         </Text>
-        <View
-          style={
-            {
-              "width": 8,
-            }
-          }
-        />
         <View
           accessibilityState={
             {
@@ -1763,6 +1742,7 @@ exports[`Test List Item Components ListItemAction Snapshot 1`] = `
         style={
           {
             "flexGrow": 1,
+            "flexShrink": 1,
           }
         }
       >
@@ -1952,7 +1932,7 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -2075,7 +2055,7 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
               {
                 "color": "#0B3EE3",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -2243,7 +2223,7 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -2473,7 +2453,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -2635,7 +2615,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
       >
         <Text
           allowFontScaling={false}
-          dynamicTypeRamp="footnote"
+          dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
           style={
@@ -2644,28 +2624,23 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 14,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
-                "lineHeight": 21,
+                "lineHeight": 24,
               },
             ]
           }
         >
           label
         </Text>
-        <View
-          style={
-            {
-              "height": 4,
-            }
-          }
-        />
         <View
           style={
             {
               "alignItems": "center",
+              "display": "flex",
               "flexDirection": "row",
+              "gap": 4,
             }
           }
         >
@@ -2726,13 +2701,6 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
               />
             </RNSVGGroup>
           </RNSVGSvgView>
-          <View
-            style={
-              {
-                "width": 4,
-              }
-            }
-          />
           <Text
             allowFontScaling={false}
             dynamicTypeRamp="footnote"
@@ -2761,7 +2729,9 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
         pointerEvents="none"
         style={
           {
+            "display": "flex",
             "flexDirection": "row",
+            "gap": 8,
           }
         }
       >
@@ -2775,7 +2745,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
               {
                 "color": "#0B3EE3",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -2785,13 +2755,6 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
         >
           € 1.000,00
         </Text>
-        <View
-          style={
-            {
-              "width": 8,
-            }
-          }
-        />
         <View
           accessibilityState={
             {
@@ -3019,7 +2982,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
       >
         <Text
           allowFontScaling={false}
-          dynamicTypeRamp="footnote"
+          dynamicTypeRamp="headline"
           maxFontSizeMultiplier={1.25}
           numberOfLines={1}
           style={
@@ -3028,10 +2991,10 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
               {
                 "color": "#0E0F13",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 14,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
-                "lineHeight": 21,
+                "lineHeight": 24,
               },
             ]
           }
@@ -3045,7 +3008,9 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
         pointerEvents="none"
         style={
           {
+            "display": "flex",
             "flexDirection": "row",
+            "gap": 8,
           }
         }
       >
@@ -3059,7 +3024,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
               {
                 "color": "#0B3EE3",
                 "fontFamily": "Titillium Sans Pro",
-                "fontSize": 18,
+                "fontSize": 17,
                 "fontStyle": "normal",
                 "fontWeight": "600",
                 "lineHeight": 24,
@@ -3069,13 +3034,6 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
         >
           € 1.000,00
         </Text>
-        <View
-          style={
-            {
-              "width": 8,
-            }
-          }
-        />
         <View
           accessibilityState={
             {
diff --git a/src/components/stack/Stack.tsx b/src/components/stack/Stack.tsx
index 9ad2a873..1a639809 100644
--- a/src/components/stack/Stack.tsx
+++ b/src/components/stack/Stack.tsx
@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import { View, ViewStyle } from "react-native";
+import { View, ViewProps, ViewStyle } from "react-native";
 import { IOSpacer } from "../../core";
 
 type AllowedStyleProps = Pick<
@@ -7,10 +7,16 @@ type AllowedStyleProps = Pick<
   "alignItems" | "flexShrink" | "flexGrow" | "flex" | "flexWrap" | "width"
 >;
 
+type A11YRelatedProps = Pick<
+  ViewProps,
+  "pointerEvents" | "accessibilityElementsHidden" | "importantForAccessibility"
+>;
+
 type Stack = PropsWithChildren<{
   space?: IOSpacer;
   style?: AllowedStyleProps;
-}>;
+}> &
+  A11YRelatedProps;
 
 type BaseStack = Stack & {
   orientation: "vertical" | "horizontal";
@@ -25,9 +31,11 @@ const Stack = ({
   space,
   style,
   orientation = "vertical",
-  children
+  children,
+  ...props
 }: BaseStack) => (
   <View
+    {...props}
     style={{
       display: "flex",
       flexDirection: orientation === "horizontal" ? "row" : "column",
diff --git a/src/components/typography/H6.tsx b/src/components/typography/H6.tsx
index 4bf32f64..51565ee4 100644
--- a/src/components/typography/H6.tsx
+++ b/src/components/typography/H6.tsx
@@ -11,7 +11,7 @@ export const h6LineHeight = 24;
 const fontName: IOFontFamily = "Titillio";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyFontSize: IOFontSize = 18;
+const legacyFontSize: IOFontSize = 17;
 const legacyFontName: IOFontFamily = "TitilliumSansPro";
 
 /**
diff --git a/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap b/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap
index fb811bca..e1b10d0d 100644
--- a/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap
+++ b/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap
@@ -553,7 +553,7 @@ exports[`Test Typography Components H6 Snapshot 1`] = `
       {
         "color": "#0E0F13",
         "fontFamily": "Titillium Sans Pro",
-        "fontSize": 18,
+        "fontSize": 17,
         "fontStyle": "normal",
         "fontWeight": "600",
         "lineHeight": 24,
diff --git a/src/utils/fonts.ts b/src/utils/fonts.ts
index 0b382afa..ed015e29 100644
--- a/src/utils/fonts.ts
+++ b/src/utils/fonts.ts
@@ -36,7 +36,7 @@ export type IOFontFamily = keyof typeof fonts;
  * Font Sizes
  */
 const fontSizes = [12, 14, 16, 20, 22, 26, 28, 32] as const;
-const fontSizesLegacy = [18, 28, 31, 35] as const;
+const fontSizesLegacy = [17, 28, 31, 35] as const;
 const allFontSizes = [...new Set([...fontSizes, ...fontSizesLegacy])];
 export type IOFontSize = (typeof allFontSizes)[number];