diff --git a/components/HotelReservation/SelectRate/RoomSelection/RateSummary/index.tsx b/components/HotelReservation/SelectRate/RoomSelection/RateSummary/index.tsx
index daa4ceacd..33400efaf 100644
--- a/components/HotelReservation/SelectRate/RoomSelection/RateSummary/index.tsx
+++ b/components/HotelReservation/SelectRate/RoomSelection/RateSummary/index.tsx
@@ -54,6 +54,21 @@ export default function RateSummary({
 
   const showMemberDiscountBanner = member && !isUserLoggedIn
 
+  const summaryPriceTex = `${intl.formatMessage(
+    { id: "booking.nights" },
+    { totalNights: nights }
+  )}, ${intl.formatMessage(
+    { id: "booking.adults" },
+    { totalAdults: roomsAvailability.occupancy?.adults }
+  )}${
+    roomsAvailability.occupancy?.children?.length
+      ? `, ${intl.formatMessage(
+          { id: "booking.children" },
+          { totalChildren: roomsAvailability.occupancy.children.length }
+        )}`
+      : ""
+  }`
+
   return (
     <div className={styles.summary} data-visible={isVisible}>
       {showMemberDiscountBanner && (
@@ -90,9 +105,21 @@ export default function RateSummary({
             </Footnote>
           </div>
         )}
+        <div className={styles.summaryPriceTextDesktop}>
+          <Body>
+            {intl.formatMessage<React.ReactNode>(
+              { id: "<b>Total price</b> (incl VAT)" },
+              { b: (str) => <b>{str}</b> }
+            )}
+          </Body>
+          <Caption color="uiTextMediumContrast">{summaryPriceTex}</Caption>
+        </div>
         <div className={styles.summaryPrice}>
           <div className={styles.summaryPriceTextDesktop}>
-            <Subtitle color={isUserLoggedIn ? "red" : "uiTextHighContrast"}>
+            <Subtitle
+              color={isUserLoggedIn ? "red" : "uiTextHighContrast"}
+              textAlign="right"
+            >
               {priceToShow?.localPrice.pricePerStay}{" "}
               {priceToShow?.localPrice.currency}
             </Subtitle>
@@ -114,35 +141,19 @@ export default function RateSummary({
               color="uiTextMediumContrast"
               className={styles.summaryPriceTextMobile}
             >
-              {intl.formatMessage(
-                { id: "booking.nights" },
-                { totalNights: nights }
-              )}
-              ,{" "}
-              {intl.formatMessage(
-                { id: "booking.adults" },
-                { totalAdults: roomsAvailability.occupancy?.adults }
-              )}
-              {roomsAvailability.occupancy?.children?.length && (
-                <>
-                  ,{" "}
-                  {intl.formatMessage(
-                    { id: "booking.children" },
-                    {
-                      totalChildren:
-                        roomsAvailability.occupancy.children.length,
-                    }
-                  )}
-                </>
-              )}
+              {summaryPriceTex}
             </Footnote>
           </div>
           {isPetRoomSelected && (
             <div className={styles.petInfo}>
-              <Body color="uiTextHighContrast" textTransform="bold">
+              <Body
+                color="uiTextHighContrast"
+                textTransform="bold"
+                textAlign="right"
+              >
                 + {petRoomPrice} {petRoomCurrency}
               </Body>
-              <Body color="uiTextMediumContrast">
+              <Body color="uiTextMediumContrast" textAlign="right">
                 {intl.formatMessage({ id: "Pet charge" })}
               </Body>
             </div>
diff --git a/components/TempDesignSystem/Text/Body/body.module.css b/components/TempDesignSystem/Text/Body/body.module.css
index dc2c8e067..a39439815 100644
--- a/components/TempDesignSystem/Text/Body/body.module.css
+++ b/components/TempDesignSystem/Text/Body/body.module.css
@@ -52,6 +52,10 @@
   text-align: left;
 }
 
+.textAlignRight {
+  text-align: right;
+}
+
 .black {
   color: var(--Main-Grey-100);
 }
diff --git a/components/TempDesignSystem/Text/Body/variants.ts b/components/TempDesignSystem/Text/Body/variants.ts
index 898adc3c4..aa614fe14 100644
--- a/components/TempDesignSystem/Text/Body/variants.ts
+++ b/components/TempDesignSystem/Text/Body/variants.ts
@@ -30,6 +30,7 @@ const config = {
     textAlign: {
       center: styles.textAlignCenter,
       left: styles.textAlignLeft,
+      right: styles.textAlignRight,
     },
     textTransform: {
       bold: styles.bold,
@@ -52,6 +53,7 @@ const fontOnlyconfig = {
     textAlign: {
       center: styles.textAlignCenter,
       left: styles.textAlignLeft,
+      right: styles.textAlignRight,
     },
     textTransform: {
       bold: styles.bold,
diff --git a/components/TempDesignSystem/Text/Subtitle/subtitle.module.css b/components/TempDesignSystem/Text/Subtitle/subtitle.module.css
index 8207d7523..b15623491 100644
--- a/components/TempDesignSystem/Text/Subtitle/subtitle.module.css
+++ b/components/TempDesignSystem/Text/Subtitle/subtitle.module.css
@@ -47,6 +47,10 @@
   text-align: left;
 }
 
+.right {
+  text-align: right;
+}
+
 .black {
   color: var(--Main-Grey-100);
 }
diff --git a/components/TempDesignSystem/Text/Subtitle/variants.ts b/components/TempDesignSystem/Text/Subtitle/variants.ts
index 18a0880a8..f2edbb9f5 100644
--- a/components/TempDesignSystem/Text/Subtitle/variants.ts
+++ b/components/TempDesignSystem/Text/Subtitle/variants.ts
@@ -18,6 +18,7 @@ const config = {
     textAlign: {
       center: styles.center,
       left: styles.left,
+      right: styles.right,
     },
     textTransform: {
       regular: styles.regular,
