diff --git a/components/HotelReservation/EnterDetails/Details/details.module.css b/components/HotelReservation/EnterDetails/Details/details.module.css
index c6571ea9e..8781a9be2 100644
--- a/components/HotelReservation/EnterDetails/Details/details.module.css
+++ b/components/HotelReservation/EnterDetails/Details/details.module.css
@@ -1,7 +1,6 @@
 .form {
   display: grid;
   gap: var(--Spacing-x3);
-  margin-bottom: var(--Spacing-x3);
 }
 
 .container {
diff --git a/components/HotelReservation/EnterDetails/SectionAccordion/sectionAccordion.module.css b/components/HotelReservation/EnterDetails/SectionAccordion/sectionAccordion.module.css
index 0bbcf851c..48d387add 100644
--- a/components/HotelReservation/EnterDetails/SectionAccordion/sectionAccordion.module.css
+++ b/components/HotelReservation/EnterDetails/SectionAccordion/sectionAccordion.module.css
@@ -79,7 +79,10 @@
 
 .accordion[data-open="true"] {
   grid-template-rows: var(--header-height) 1fr;
-  gap: var(--Spacing-x3);
+}
+
+.accordion[data-open="true"] .content {
+  padding-bottom: var(--Spacing-x3);
 }
 
 .content {
@@ -90,7 +93,7 @@
 
 @media screen and (min-width: 768px) {
   .accordion {
-    gap: var(--Spacing-x3);
+    column-gap: var(--Spacing-x3);
     grid-template-areas: "circle header" "circle content";
   }