diff --git a/hotel_calendar/static/src/xml/hotel_calendar_templates.xml b/hotel_calendar/static/src/xml/hotel_calendar_templates.xml
index 3a25797bf..c69e3dfb7 100644
--- a/hotel_calendar/static/src/xml/hotel_calendar_templates.xml
+++ b/hotel_calendar/static/src/xml/hotel_calendar_templates.xml
@@ -124,15 +124,38 @@
 	</div>
 </t>
 
+<t t-name="HotelCalendar.TooltipReservation.Sale">
+	<div class="row row-eq-height mt-3">
+		<div class="col-sm-3 bg-primary pb-10">
+			<!-- FIXME: HARD CURRENCY -->
+			<p>Folio Pending</p>
+			<h3><t t-esc="amount_total" t-widget="monetary"/> €</h3>
+		</div>
+		<div class="col-sm-3 bg-gray-lighter pb-10">
+			<!-- FIXME: HARD CURRENCY -->
+			<h3><t t-esc="amount_paid" t-widget="monetary"/> €</h3>
+			<p>Total Paid</p>
+		</div>
+		<div class="col-sm-6 bg-gray-light">
+			<t t-if="channel_type == 'web' or channel_type=='call'">
+				<t t-call="HotelCalendar.TooltipReservation.Channel.ota"/>
+			</t>
+			<t t-else="reservation_type == 'out'">
+				<t t-call="HotelCalendar.TooltipReservation.Channel.direct"/>
+			</t>
+		</div>
+	</div>
+</t>
+
 <t t-name="HotelCalendar.TooltipReservation.Dates">
 	<div class="row row-eq-height mt-3">
 		<div class="col-sm-6 bg-gray-light py-5">
-			<i class="fa fa-arrow-circle-o-right fa-2x fa-pull-left"/>
+			<i class="fa fa-sign-in fa-2x fa-pull-left"/>
 			<h3><t t-esc="checkin"/></h3>
 			<p><t t-esc="checkin_day_of_week"/> <t t-esc="arrival_hour"/></p>
 		</div>
 		<div class="col-sm-6 bg-gray-lighter d-sm-2 py-5">
-			<i class="fa fa-arrow-circle-o-right fa-2x fa-pull-left"/>
+			<i class="fa fa-sign-out fa-2x fa-pull-left"/>
 			<h3><t t-esc="checkout"/></h3>
 			<p><t t-esc="checkout_day_of_week"/> <t t-esc="departure_hour"/></p>
 		</div>
@@ -157,26 +180,7 @@
 				<p>Adults: <t t-esc="adults"/> - Children: <t t-esc="children"/></p>
 			</div>
 		</div>
-		<div class="row row-eq-height mt-3">
-			<div class="col-sm-3 bg-primary pb-10">
-				<!-- FIXME: HARD CURRENCY -->
-				<p>Folio Pending</p>
-				<h3><t t-esc="amount_total" t-widget="monetary"/> €</h3>
-			</div>
-			<div class="col-sm-3 bg-gray-lighter pb-10">
-				<!-- FIXME: HARD CURRENCY -->
-				<h3><t t-esc="amount_paid" t-widget="monetary"/> €</h3>
-				<p>Total Paid</p>
-			</div>
-			<div class="col-sm-6 bg-gray-light">
-				<t t-if="channel_type == 'web' or channel_type=='call'">
-					<t t-call="HotelCalendar.TooltipReservation.Channel.ota"/>
-				</t>
-				<t t-else="reservation_type == 'out'">
-				    <t t-call="HotelCalendar.TooltipReservation.Channel.direct"/>
-				</t>
-			</div>
-		</div>
+		<t t-call="HotelCalendar.TooltipReservation.Sale"/>
 		<t t-call="HotelCalendar.TooltipReservation.Dates"/>
 		<t t-call="HotelCalendar.TooltipReservation.Footer"/>
 	</div>
@@ -198,6 +202,7 @@
 				<p>Adults: <t t-esc="adults"/> - Children: <t t-esc="children"/></p>
 			</div>
 		</div>
+		<t t-call="HotelCalendar.TooltipReservation.Sale"/>
 		<t t-call="HotelCalendar.TooltipReservation.Dates"/>
 		<t t-call="HotelCalendar.TooltipReservation.Footer"/>
 	</div>