diff --git a/components/HotelReservation/EnterDetails/Summary/UI/index.tsx b/components/HotelReservation/EnterDetails/Summary/UI/index.tsx
index 455692248..5b01a1c01 100644
--- a/components/HotelReservation/EnterDetails/Summary/UI/index.tsx
+++ b/components/HotelReservation/EnterDetails/Summary/UI/index.tsx
@@ -107,12 +107,12 @@ export default function SummaryUI({
         <div>
           <div className={styles.entry}>
             <Body color="uiTextHighContrast">{roomType}</Body>
-            <Caption color={showMemberPrice ? "red" : "uiTextHighContrast"}>
+            <Body color={showMemberPrice ? "red" : "uiTextHighContrast"}>
               {intl.formatNumber(roomPrice.local.price, {
                 currency: roomPrice.local.currency,
                 style: "currency",
               })}
-            </Caption>
+            </Body>
           </div>
           <Caption color="uiTextMediumContrast">
             {intl.formatMessage(
@@ -156,12 +156,12 @@ export default function SummaryUI({
                   </Body>
                 </div>
 
-                <Caption color="uiTextHighContrast">
+                <Body color="uiTextHighContrast">
                   {intl.formatNumber(parseInt(roomPackage.localPrice.price), {
                     currency: roomPackage.localPrice.currency,
                     style: "currency",
                   })}
-                </Caption>
+                </Body>
               </div>
             ))
           : null}
@@ -174,12 +174,12 @@ export default function SummaryUI({
               </Caption>
             </div>
 
-            <Caption color="uiTextHighContrast">
+            <Body color="uiTextHighContrast">
               {intl.formatNumber(0, {
                 currency: roomPrice.local.currency,
                 style: "currency",
               })}
-            </Caption>
+            </Body>
           </div>
         ) : null}
 
@@ -188,12 +188,12 @@ export default function SummaryUI({
             <Body color="uiTextHighContrast">
               {intl.formatMessage({ id: "No breakfast" })}
             </Body>
-            <Caption color="uiTextMediumContrast">
+            <Body color="uiTextHighContrast">
               {intl.formatNumber(0, {
                 currency: roomPrice.local.currency,
                 style: "currency",
               })}
-            </Caption>
+            </Body>
           </div>
         ) : null}
         {breakfast ? (
@@ -201,12 +201,12 @@ export default function SummaryUI({
             <Body color="uiTextHighContrast">
               {intl.formatMessage({ id: "Breakfast buffet" })}
             </Body>
-            <Caption color="uiTextMediumContrast">
+            <Body color="uiTextHighContrast">
               {intl.formatNumber(parseInt(breakfast.localPrice.totalPrice), {
                 currency: breakfast.localPrice.currency,
                 style: "currency",
               })}
-            </Caption>
+            </Body>
           </div>
         ) : null}
       </div>
