diff --git a/examples/react-template/screens/Price.tsx b/examples/react-template/screens/Price.tsx
index a2876b8c..650916b4 100644
--- a/examples/react-template/screens/Price.tsx
+++ b/examples/react-template/screens/Price.tsx
@@ -73,18 +73,13 @@ export const PriceScreen = (): JSX.Element => {
 
       <Price level={2} amount={18.99} />
 
-      <Divider />
-      <Title level={TitleLevels.THREE}>Inlined</Title>
-
-      <Price level={7} amount={1000} mention='(1)' period='months' />
-
       <Divider />
       <Title level={TitleLevels.THREE}>Alignement</Title>
-      <Price level={1} amount={1000} mention='(1)' period='months' />
+      <Price level={1} amount={1000} mention='(1)' period='months' align={Alignable.ALIGNED_START} />
 
-      <Price level={1} amount={1000} mention='(1)' period='months' />
+      <Price level={1} amount={1000} mention='(1)' period='months' align={Alignable.ALIGNED_CENTER} />
 
-      <Price level={1} amount={1000} mention='(1)' period='months' />
+      <Price level={1} amount={1000} mention='(1)' period='months' align={Alignable.ALIGNED_END} />
 
       <Divider />
 
diff --git a/packages/react/components/price/Price.tsx b/packages/react/components/price/Price.tsx
index ea603d9c..731a93b7 100644
--- a/packages/react/components/price/Price.tsx
+++ b/packages/react/components/price/Price.tsx
@@ -110,9 +110,9 @@ const Price = ({
         clsx(
           'price-container',
           is(`level-${level || '1'}`),
-          (align == Alignable.ALIGNED_START && is('justified-left')) ||
+          (align == Alignable.ALIGNED_START && is('justified-start')) ||
             (align == Alignable.ALIGNED_CENTER && is('justified-center')) ||
-            (align == Alignable.ALIGNED_END && is('justified-right')) ||
+            (align == Alignable.ALIGNED_END && is('justified-end')) ||
             '',
         ),
       )}