diff --git a/components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css b/components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css
index 7c661d1a6..87cb2cdc0 100644
--- a/components/ContentType/HotelPage/SidePeeks/Activities/activities.module.css
+++ b/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);
diff --git a/components/ContentType/HotelPage/SidePeeks/Activities/index.tsx b/components/ContentType/HotelPage/SidePeeks/Activities/index.tsx
index 2495cd0ad..a63337c85 100644
--- a/components/ContentType/HotelPage/SidePeeks/Activities/index.tsx
+++ b/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">