feat(SW-962): css change

components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css

@@ -1,9 +1,3 @@
-.preamble {
-  margin-bottom: calc(
-    var(--Spacing-x4) * 2 + 80px
-  ); /* Creates space between the wrapper and buttonContainer */
-}
-
 .buttonContainer {
   background-color: var(--Base-Background-Primary-Normal);
   border-top: 1px solid var(--Base-Border-Subtle);

components/ContentType/HotelPage/SidePeeks/Activities/index.tsx

@@ -9,7 +9,7 @@ import { getLang } from "@/i18n/serverContext"
 
 import styles from "./activities.module.css"
 
-import { ActivitiesSidePeekProps } from "@/types/components/hotelPage/sidepeek/activities"
+import type { ActivitiesSidePeekProps } from "@/types/components/hotelPage/sidepeek/activities"
 
 export default async function ActivitiesSidePeek({
   preamble,
@@ -22,7 +22,7 @@ export default async function ActivitiesSidePeek({
       contentKey={activities[lang]}
       title={intl.formatMessage({ id: "Activities" })}
     >
-      <Preamble className={styles.preamble}>{preamble}</Preamble>
+      <Preamble>{preamble}</Preamble>
       <div className={styles.buttonContainer}>
         <Button theme="base" intent="secondary" asChild>
           <Link href={contentPageLink} color="burgundy" weight="bold">