diff --git a/components/HotelReservation/EnterDetails/Payment/GuaranteeDetails/guaranteeDetails.module.css b/components/HotelReservation/EnterDetails/Payment/GuaranteeDetails/guaranteeDetails.module.css
index a14bc3473..32e678fbe 100644
--- a/components/HotelReservation/EnterDetails/Payment/GuaranteeDetails/guaranteeDetails.module.css
+++ b/components/HotelReservation/EnterDetails/Payment/GuaranteeDetails/guaranteeDetails.module.css
@@ -20,7 +20,3 @@
 .summary::marker {
   display: none;
 }
-
-.summary .icon {
-  height: 16px;
-}
diff --git a/components/HotelReservation/EnterDetails/Payment/GuaranteeDetails/index.tsx b/components/HotelReservation/EnterDetails/Payment/GuaranteeDetails/index.tsx
index 99021715a..f1f8f6783 100644
--- a/components/HotelReservation/EnterDetails/Payment/GuaranteeDetails/index.tsx
+++ b/components/HotelReservation/EnterDetails/Payment/GuaranteeDetails/index.tsx
@@ -13,7 +13,7 @@ export default function GuaranteeDetails() {
       <Caption color="burgundy" type="bold" asChild>
         <summary className={styles.summary}>
           {intl.formatMessage({ id: "How it works" })}
-          <ChevronDown color="burgundy" className={styles.icon} />
+          <ChevronDown color="burgundy" height={16} />
         </summary>
       </Caption>
       <section className={styles.content}>