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