diff --git a/package-lock.json b/package-lock.json
index f37448e7..f716bca5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -42600,7 +42600,7 @@
     },
     "packages/assets": {
       "name": "@trilogy-ds/assets",
-      "version": "0.0.1-beta.18",
+      "version": "0.0.1-beta.22",
       "license": "ISC",
       "devDependencies": {
         "@types/node": "^20.11.26",
@@ -42670,7 +42670,7 @@
     },
     "packages/react": {
       "name": "@trilogy-ds/react",
-      "version": "0.0.1-beta.18",
+      "version": "0.0.1-beta.22",
       "license": "UNLICENSED",
       "dependencies": {
         "@ptomasroos/react-native-multi-slider": "^2.2.2",
@@ -42689,12 +42689,12 @@
     },
     "packages/styles": {
       "name": "@trilogy-ds/styles",
-      "version": "0.0.1-beta.18",
+      "version": "0.0.1-beta.22",
       "license": "UNLICENSED"
     },
     "packages/vanilla": {
       "name": "@trilogy-ds/vanilla",
-      "version": "0.0.1-beta.18",
+      "version": "0.0.1-beta.22",
       "license": "ISC",
       "dependencies": {
         "eslint": "4.19.1",
diff --git a/packages/assets/package.json b/packages/assets/package.json
index 756c88c4..322ef04a 100644
--- a/packages/assets/package.json
+++ b/packages/assets/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/assets",
-  "version": "0.0.1-beta.21",
+  "version": "0.0.1-beta.22",
   "description": "Trilogy assets include all Open Source Fonts & Icons",
   "author": "Bouygues Telecom",
   "type": "module",
diff --git a/packages/react/components/price/Price.native.tsx b/packages/react/components/price/Price.native.tsx
index 65dfc59b..8f92ab60 100644
--- a/packages/react/components/price/Price.native.tsx
+++ b/packages/react/components/price/Price.native.tsx
@@ -14,6 +14,7 @@ import { StatesContext } from "../../context/providerStates"
  * @param period {string} Period for Price (mois)
  * @param showCents {boolean} Display cents
  * @param level {PriceLevel} Price custom size
+ * @param style {Object} Additional style
  * @param inverted {boolean} Inverted Price Color
  * @param children {React.ReactNode}
  * @param align {Alignable} Price alignement
@@ -37,6 +38,7 @@ const Price = ({
   accessibilityLabel,
   striked,
   suptitle,
+  style,
   ...others
 }: PriceProps): JSX.Element => {
   const statesContext = useContext(StatesContext)
@@ -150,19 +152,23 @@ const Price = ({
         (level == PriceLevel.LEVEL7 && "normal") ||
         "bold",
       color: color,
+      fontFamily: "poppins-semibold"
     },
     cents: {
       fontWeight: "bold",
       color: color,
       fontSize: centsLevel,
+      fontFamily: "poppins-semibold"
     },
     period: {
       color: color,
       fontSize: centsLevel,
+      fontFamily: "poppins-semibold"
     },
     inlinePeriod: {
       color: color,
       fontSize: priceLevel,
+      fontFamily: "poppins-semibold"
     },
     striked: {
       position: "absolute",
@@ -198,9 +204,9 @@ const Price = ({
 
   return (
     <>
-      {suptitle && <Text style={styles.suptitle}>{suptitle}</Text>}
+      {suptitle && <Text style={[styles.suptitle, style?.suptitle]}>{suptitle}</Text>}
       <View
-        style={styles.container}
+        style={[styles.container, style?.container]}
         accessible={!!priceAccessibilityLabel}
         accessibilityLabel={priceAccessibilityLabel}
         testID={priceTestId}
@@ -208,27 +214,27 @@ const Price = ({
       >
         {inline ? (
           <View style={[styles.priceContainer, { flexDirection: "row" }]}>
-            {striked && <Text style={styles.striked}></Text>}
-            <Text style={styles.price}>
+            {striked && <Text style={[styles.striked, style?.striked]}></Text>}
+            <Text style={[styles.price, style?.price]}>
               {whole}€{showCents && cents}
             </Text>
-            <Text style={styles.inlinePeriod}>
+            <Text style={[styles.inlinePeriod, style?.inlinePeriod]}>
               {mention}
               {period && ` / ${period}`}
             </Text>
           </View>
         ) : (
           <View style={[{ flexDirection: "row" }]}>
-            {striked && <Text style={styles.striked}></Text>}
-            <View style={styles.priceContainer}>
-              <Text style={styles.price}>{`${whole}`}</Text>
+            {striked && <Text style={[styles.striked, style?.striked]}></Text>}
+            <View style={[styles.priceContainer, style?.priceContainer]}>
+              <Text style={[styles.price, style?.price]}>{`${whole}`}</Text>
             </View>
-            <View style={styles.priceContainer}>
-              <Text style={styles.cents}>
+            <View style={[styles.priceContainer, style?.priceContainer]}>
+              <Text style={[styles.cents, style?.cents]}>
                 €{showCents && (cents || "00")}
                 {mention && mention}
               </Text>
-              <Text style={styles.period}>{period && `/${period}`}</Text>
+              <Text style={[styles.period, style?.period]}>{period && `/${period}`}</Text>
             </View>
           </View>
         )}
diff --git a/packages/react/components/price/PriceProps.ts b/packages/react/components/price/PriceProps.ts
index 9c6b3f01..8c334adb 100644
--- a/packages/react/components/price/PriceProps.ts
+++ b/packages/react/components/price/PriceProps.ts
@@ -2,6 +2,9 @@ import { PriceLevel, PriceLevelValues } from "./PriceEnum"
 import { Invertable } from "../../objects/facets/Invertable"
 import { Accessibility, AlertProps, AlignableProps } from "../../objects"
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type Styles = { [key: string]: any }
+
 /**
  * Price Interface
  */
@@ -20,4 +23,5 @@ export interface PriceProps
   className?: string;
   striked?: boolean;
   suptitle?: string;
+  style?: Styles
 }
diff --git a/packages/react/package.json b/packages/react/package.json
index fa635fb0..455ae239 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/react",
-  "version": "0.0.1-beta.21",
+  "version": "0.0.1-beta.22",
   "type": "module",
   "author": "Bouygues Telecom",
   "files": [
diff --git a/packages/react/version.ts b/packages/react/version.ts
index 7022773e..1f666bcd 100644
--- a/packages/react/version.ts
+++ b/packages/react/version.ts
@@ -1 +1 @@
-export const version = "0.0.1-beta.21"
+export const version = "0.0.1-beta.22"
diff --git a/packages/styles/package.json b/packages/styles/package.json
index df298ed1..28c9d69f 100644
--- a/packages/styles/package.json
+++ b/packages/styles/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/styles",
-  "version": "0.0.1-beta.21",
+  "version": "0.0.1-beta.22"
   "author": "Bouygues Telecom",
   "license": "UNLICENSED",
   "files": [
diff --git a/packages/vanilla/package.json b/packages/vanilla/package.json
index 05f5b162..41a2e965 100644
--- a/packages/vanilla/package.json
+++ b/packages/vanilla/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/vanilla",
-  "version": "0.0.1-beta.21",
+  "version": "0.0.1-beta.22",
   "author": "Bouygues Telecom",
   "main": "lib/trilogy-ds-vanilla.js",
   "scripts": {