chore: move type

components/Loyalty/Blocks/DynamicContent/OverviewTable/index.tsx

@@ -20,6 +20,7 @@ import {
   BenefitValueProps,
   ComparisonLevel,
   LevelSummaryProps,
+  OverviewTableTitleProps,
 } from "@/types/components/loyalty/blocks"
 
 // These should ultimately be fetched from Contentstack
@@ -51,13 +52,6 @@ const titleTranslations = {
   ],
 }
 
-type TitleTranslation = {
-  text: string
-  highlight: boolean
-}
-
-type OverviewTableTitleProps = { texts: TitleTranslation[] }
-
 function OverviewTableTitle({ texts }: OverviewTableTitleProps) {
   return (
     <Title as="h1" level="h1" weight="semiBold" uppercase>

components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css

@@ -96,7 +96,8 @@
   position: absolute;
   position: absolute;
   top: 0;
-  bottom: var(--Spacing-x2);
+  bottom: 0;
+  margin-bottom: calc(var(--Spacing-x2) * -1);
   left: 50%;
   right: 0;
   margin-right: calc(var(--Spacing-x2) * -1);

types/components/loyalty/blocks.ts

@@ -23,6 +23,13 @@ export type Content = { content: RteBlockContent["content"]["content"] }
 
 type Benefit = { title: string; description: string }
 
+type OverviewTableTitleTranslation = {
+  text: string
+  highlight: boolean
+}
+
+export type OverviewTableTitleProps = { texts: OverviewTableTitleTranslation[] }
+
 export type Level = {
   tier: number
   name: string