diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/index.tsx b/components/Loyalty/Blocks/DynamicContent/OverviewTable/index.tsx
index 6ee4c4fb5..134e03fcb 100644
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/index.tsx
+++ b/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 (
diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css b/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css
index b4f684292..2ab2f2016 100644
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css
+++ b/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);
diff --git a/types/components/loyalty/blocks.ts b/types/components/loyalty/blocks.ts
index 6eddfa1b3..bb0c27f49 100644
--- a/types/components/loyalty/blocks.ts
+++ b/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