fix: adjust modal padding-bottom

components/HotelReservation/BookingConfirmation/Receipt/receipt.module.css

@@ -37,16 +37,15 @@
   justify-self: flex-start;
 }
 .terms {
-  margin-top: var(--Spacing-x3);
-  margin-bottom: var(--Spacing-x3);
+  padding-top: var(--Spacing-x3);
 }
 .termsText:nth-child(n) {
   display: flex;
   align-items: center;
-  margin-bottom: var(--Spacing-x1);
+  padding-bottom: var(--Spacing-x1);
 }
 .terms .termsIcon {
-  margin-right: var(--Spacing-x1);
+  padding-right: var(--Spacing-x1);
 }
 
 @media screen and (min-width: 1367px) {

components/HotelReservation/EnterDetails/Summary/PriceDetailsTable/priceDetailsTable.module.css

@@ -11,7 +11,6 @@
   display: flex;
   gap: var(--Spacing-x-half);
   flex-direction: column;
-  padding-bottom: var(--Spacing-x2);
   width: 100%;
 }
 
@@ -23,6 +22,9 @@
   border-top: 1px solid var(--Primary-Light-On-Surface-Divider-subtle);
 }
 
+.tableSection:not(:last-child) {
+  padding-bottom: var(--Spacing-x2);
+}
 .row {
   display: flex;
   justify-content: space-between;

components/HotelReservation/SelectRate/RoomSelection/FlexibilityOption/flexibilityOption.module.css

@@ -79,14 +79,13 @@ input[type="radio"]:checked + .card .checkIcon {
 }
 
 .terms {
-  margin-top: var(--Spacing-x3);
-  margin-bottom: var(--Spacing-x3);
+  padding-top: var(--Spacing-x3);
 }
 .termsText:nth-child(n) {
   display: flex;
   align-items: center;
-  margin-bottom: var(--Spacing-x1);
+  padding-bottom: var(--Spacing-x1);
 }
 .termsIcon {
-  margin-right: var(--Spacing-x1);
+  padding-right: var(--Spacing-x1);
 }

components/Modal/modal.module.css

@@ -47,7 +47,7 @@
   flex-direction: column;
   align-items: center;
   gap: var(--Spacing-x2);
-  padding: 0 var(--Spacing-x3) var(--Spacing-x1);
+  padding: 0 var(--Spacing-x3) var(--Spacing-x4);
 }
 
 .close {