From c2ef7f70746a8957045efb654a980ab267e6f47d Mon Sep 17 00:00:00 2001
From: Christel Westerberg <christel.westerberg@scandichotels.com>
Date: Tue, 19 Nov 2024 13:41:08 +0100
Subject: [PATCH] fix: padding issues

---
 .../EnterDetails/Details/details.module.css                | 1 -
 .../SectionAccordion/sectionAccordion.module.css           | 7 +++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

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";
   }