diff --git a/components/Blocks/CardsGrid.tsx b/components/Blocks/CardsGrid.tsx
index b94afb77b..45a500d20 100644
--- a/components/Blocks/CardsGrid.tsx
+++ b/components/Blocks/CardsGrid.tsx
@@ -6,8 +6,7 @@ import LoyaltyCard from "@/components/TempDesignSystem/LoyaltyCard"
 import TeaserCard from "@/components/TempDesignSystem/TeaserCard"
 
 import type { CardsGridProps } from "@/types/components/blocks/cardsGrid"
-import { CardsGridEnum } from "@/types/enums/cardsGrid"
-import { CardsGridLayoutEnum } from "@/types/trpc/routers/contentstack/blocks"
+import { CardsGridEnum, CardsGridLayoutEnum } from "@/types/enums/cardsGrid"
 
 export default function CardsGrid({
   cards_grid,
diff --git a/components/TempDesignSystem/SidePeek/index.tsx b/components/TempDesignSystem/SidePeek/index.tsx
index c64c72604..ee59c0e28 100644
--- a/components/TempDesignSystem/SidePeek/index.tsx
+++ b/components/TempDesignSystem/SidePeek/index.tsx
@@ -83,7 +83,7 @@ function SidePeek({
                     aria-label={intl.formatMessage({ id: "Close" })}
                     className={styles.closeButton}
                     intent="text"
-                    onClick={onClose}
+                    onPress={onClose}
                   >
                     <CloseLargeIcon color="burgundy" />
                   </Button>
diff --git a/components/TempDesignSystem/TeaserCard/Sidepeek/index.tsx b/components/TempDesignSystem/TeaserCard/Sidepeek/index.tsx
index 833b66cb6..ee3c6be79 100644
--- a/components/TempDesignSystem/TeaserCard/Sidepeek/index.tsx
+++ b/components/TempDesignSystem/TeaserCard/Sidepeek/index.tsx
@@ -11,19 +11,19 @@ import SidePeek from "../../SidePeek"
 
 import styles from "./sidepeek.module.css"
 
-import { TeaserCardSidepeekProps } from "@/types/components/teaserCard"
+import type { TeaserCardSidepeekProps } from "@/types/components/teaserCard"
 
 export default function TeaserCardSidepeek({
   button,
-  data,
+  sidePeekContent,
 }: TeaserCardSidepeekProps) {
   const [sidePeekIsOpen, setSidePeekIsOpen] = useState(false)
-  const { heading, content, primary_button, secondary_button } = data
+  const { heading, content, primary_button, secondary_button } = sidePeekContent
 
   return (
     <>
       <Button
-        onClick={() => setSidePeekIsOpen(true)}
+        onPress={() => setSidePeekIsOpen(true)}
         theme="base"
         variant="icon"
         intent="text"
diff --git a/components/TempDesignSystem/TeaserCard/index.tsx b/components/TempDesignSystem/TeaserCard/index.tsx
index 71c8c0b50..a5a578df1 100644
--- a/components/TempDesignSystem/TeaserCard/index.tsx
+++ b/components/TempDesignSystem/TeaserCard/index.tsx
@@ -46,7 +46,10 @@ export default function TeaserCard({
           {description}
         </Body>
         {sidePeekButton && sidePeekContent ? (
-          <TeaserCardSidepeek button={sidePeekButton} data={sidePeekContent} />
+          <TeaserCardSidepeek
+            button={sidePeekButton}
+            sidePeekContent={sidePeekContent}
+          />
         ) : (
           <div className={styles.ctaContainer}>
             {primaryButton && (
diff --git a/lib/graphql/Fragments/Blocks/Refs/TeaserCard.graphql b/lib/graphql/Fragments/Blocks/Refs/TeaserCard.graphql
index c922f8adc..cba0b5231 100644
--- a/lib/graphql/Fragments/Blocks/Refs/TeaserCard.graphql
+++ b/lib/graphql/Fragments/Blocks/Refs/TeaserCard.graphql
@@ -30,6 +30,45 @@ fragment TeaserCardBlockRef on TeaserCard {
       }
     }
   }
+  sidepeek_content {
+    content {
+      embedded_itemsConnection {
+        edges {
+          node {
+            __typename
+            ...AccountPageRef
+            ...ContentPageRef
+            ...LoyaltyPageRef
+            ...HotelPageRef
+          }
+        }
+      }
+    }
+    primary_button {
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...ContentPageRef
+            ...LoyaltyPageRef
+            ...HotelPageRef
+          }
+        }
+      }
+    }
+    secondary_button {
+      linkConnection {
+        edges {
+          node {
+            __typename
+            ...ContentPageRef
+            ...LoyaltyPageRef
+            ...HotelPageRef
+          }
+        }
+      }
+    }
+  }
   system {
     ...System
   }
diff --git a/server/routers/contentstack/schemas/blocks/cardsGrid.ts b/server/routers/contentstack/schemas/blocks/cardsGrid.ts
index 8e070c8a3..a9de83854 100644
--- a/server/routers/contentstack/schemas/blocks/cardsGrid.ts
+++ b/server/routers/contentstack/schemas/blocks/cardsGrid.ts
@@ -10,8 +10,7 @@ import { imageSchema } from "./image"
 import { imageContainerSchema } from "./imageContainer"
 
 import { BlocksEnums } from "@/types/enums/blocks"
-import { CardsGridEnum } from "@/types/enums/cardsGrid"
-import { CardsGridLayoutEnum } from "@/types/trpc/routers/contentstack/blocks"
+import { CardsGridEnum, CardsGridLayoutEnum } from "@/types/enums/cardsGrid"
 
 export const cardBlockSchema = z.object({
   __typename: z.literal(CardsGridEnum.cards.Card),
@@ -93,18 +92,12 @@ export const teaserCardBlockSchema = z.object({
       secondary_button: buttonSchema,
     })
     .optional(),
-  // sidepeek_content: z
-  //   .object({
-  //     heading: z.string(),
-  //   })
-  //   .optional(),
   system: systemSchema,
 })
 
 export function transformTeaserCardBlock(
   card: typeof teaserCardBlockSchema._type
 ) {
-  console.log({ has_sidepeek_button: card.sidepeek_content })
   return {
     __typename: card.__typename,
     body_text: card.body_text,
diff --git a/types/components/teaserCard.ts b/types/components/teaserCard.ts
index c9985746d..5cb7dd01a 100644
--- a/types/components/teaserCard.ts
+++ b/types/components/teaserCard.ts
@@ -24,5 +24,5 @@ export interface TeaserCardProps
 
 export interface TeaserCardSidepeekProps {
   button: SidePeekButton
-  data: NonNullable<TeaserCard["sidepeek_content"]>
+  sidePeekContent: NonNullable<TeaserCard["sidepeek_content"]>
 }
diff --git a/types/enums/cardsGrid.ts b/types/enums/cardsGrid.ts
index 3bb96c684..9fa1d560a 100644
--- a/types/enums/cardsGrid.ts
+++ b/types/enums/cardsGrid.ts
@@ -5,3 +5,9 @@ export namespace CardsGridEnum {
     TeaserCard = "TeaserCard",
   }
 }
+
+export enum CardsGridLayoutEnum {
+  TWO_COLUMNS = "twoColumnGrid",
+  THREE_COLUMNS = "threeColumnGrid",
+  TWO_PLUS_ONE = "twoPlusOne", // Not sure if this is used?
+}
diff --git a/types/trpc/routers/contentstack/blocks.ts b/types/trpc/routers/contentstack/blocks.ts
index d215f40ed..149f9b35c 100644
--- a/types/trpc/routers/contentstack/blocks.ts
+++ b/types/trpc/routers/contentstack/blocks.ts
@@ -11,12 +11,6 @@ import { tableSchema } from "@/server/routers/contentstack/schemas/blocks/table"
 import { textColsSchema } from "@/server/routers/contentstack/schemas/blocks/textCols"
 import { uspGridSchema } from "@/server/routers/contentstack/schemas/blocks/uspGrid"
 
-export enum CardsGridLayoutEnum {
-  TWO_COLUMNS = "twoColumnGrid",
-  THREE_COLUMNS = "threeColumnGrid",
-  TWO_PLUS_ONE = "twoPlusOne",
-}
-
 export interface TeaserCard extends z.output<typeof teaserCardBlockSchema> {}
 export interface CardsGrid extends z.output<typeof cardsGridSchema> {}
 export interface Content extends z.output<typeof contentSchema> {}