fix: add border bottom to headers

components/ContentType/HotelPage/HotelPage.tsx

@@ -1,5 +1,3 @@
-import Link from "next/link"
-
 import { serverClient } from "@/lib/trpc/server"
 
 import AmenitiesList from "./AmenitiesList"

components/TempDesignSystem/SidePeek/Content/content.module.css

@@ -3,12 +3,16 @@
   grid-template-rows: min-content auto;
   gap: var(--Spacing-x4);
   height: 100%;
-  padding: var(--Spacing-x4) var(--Spacing-x5);
+}
+
+.content > * {
+  padding: var(--Spacing-x3) var(--Spacing-x2);
 }
 
 .header {
   display: flex;
   justify-content: flex-end;
+  border-bottom: 1px solid var(--Base-Border-Subtle);
 }
 
 .header:has(> h2) {
@@ -23,3 +27,9 @@
   padding: 0;
   cursor: pointer;
 }
+
+@media and screen (min-width: 1367px) {
+  .content > * {
+    padding: var(--Spacing-x4);
+  }
+}