diff --git a/components/Icons/icon.module.css b/components/Icons/icon.module.css
index 7c02f14a6..336a409a1 100644
--- a/components/Icons/icon.module.css
+++ b/components/Icons/icon.module.css
@@ -19,7 +19,7 @@
 
 .green,
 .green * {
-  fill: var(--UI-Green-60);
+  fill: var(--Scandic-Green-50);
 }
 
 .pale,
diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/benefitList.module.css b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/benefitList.module.css
index b6cc7644e..2c0d01c4b 100644
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/benefitList.module.css
+++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/benefitList.module.css
@@ -17,7 +17,6 @@
 }
 
 .secondColumn {
-  background-color: var(--Base-Background-Normal);
   position: absolute;
   position: absolute;
   top: 0;
diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/benefitValue.module.css b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/benefitValue.module.css
index 8d9bc24f1..8b4b58193 100644
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/benefitValue.module.css
+++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/benefitValue.module.css
@@ -2,18 +2,18 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Spacing-x-half);
+  padding: 0 1rem 0 1rem;
+  text-wrap: balance;
 }
 
 .benefitValue {
-  background-color: var(--Main-Brand-Burgundy);
-  border-radius: var(--Corner-radius-xLarge);
-  color: var(--Base-Surface-Primary-Hover-alt, #fff);
-  font-size: var(--typography-Footnote-Regular-fontSize);
-  padding: var(--Spacing-x-half) var(--Spacing-x1);
+  font-size: var(--typography-Body-Bold-fontSize);
+  font-weight: var(--typography-Body-Bold-fontWeight);
 }
 
 .benefitValueDetails {
-  font-size: var(--typography-Caption-Regular-fontSize);
+  font-size: var(--typography-Footnote-Regular-fontSize);
   text-align: center;
+  color: var(--UI-Grey-80);
 }
diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/index.tsx b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/index.tsx
index 230855883..052c80dca 100644
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/index.tsx
+++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitValue/index.tsx
@@ -8,7 +8,7 @@ import { BenefitValueProps } from "@/types/components/loyalty/blocks"
 
 export default function BenefitValue({ benefit }: BenefitValueProps) {
   if (!benefit.unlocked) {
-    return <Minus />
+    return <Minus color="var(--UI-Grey-40)" />
   }
   if (!benefit.value) {
     return <CheckCircle height={32} width={32} color="green" />
diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css b/components/Loyalty/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css
index 5ff824c9f..efa58457b 100644
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css
+++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/LargeTable/largeTable.module.css
@@ -1,7 +1,8 @@
 .table {
-  border: 1px solid var(--Base-Border-Subtle);
+  border: none;
   border-collapse: collapse;
-  color: var(--Theme-Primary-Dark-Surface-Normal);
+  background-color: var(--Scandic-Opacity-White-100);
+  border-radius: var(--Corner-radius-Medium);
 }
 
 .iconRow {
@@ -16,14 +17,10 @@
 }
 
 .iconTh {
-  border: 1px solid var(--Base-Border-Subtle);
-  border-bottom: none;
-  padding: var(--Spacing-x3) var(--Spacing-x2) var(--Spacing-x-one-and-half);
+  padding: var(--Spacing-x3) var(--Spacing-x2) var(--Spacing-x2);
 }
 
 .summaryTh {
-  border: 1px solid var(--Base-Border-Subtle);
-  border-top: none;
   font-size: var(--typography-Caption-Regular-fontSize);
   font-weight: 400;
   padding: 0 var(--Spacing-x3) var(--Spacing-x2);
@@ -31,13 +28,16 @@
 }
 
 .td {
-  border: 1px solid var(--Base-Border-Subtle);
+  border: 1px solid var(--Scandic-Brand-Pale-Peach);
+  border-left: none;
+  border-right: none;
   font-size: var(--typography-Footnote-Regular-fontSize);
   text-align: center;
 }
 
 .benefitTh {
-  border: 1px solid var(--Base-Border-Subtle);
+  border: 1px solid var(--Scandic-Brand-Pale-Peach);
+  border-right: none;
   padding: var(--Spacing-x3) var(--Spacing-x2);
   font-size: var(--typography-Caption-Regular-fontSize);
   font-weight: 400;
diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css b/components/Loyalty/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css
index 7f23901ab..21aa5972d 100644
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css
+++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/LevelSummary/levelSummary.module.css
@@ -2,13 +2,13 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: var(--Spacing-x2);
+  gap: var(--Spacing-x3);
 }
 
 .levelRequirements {
-  background-color: var(--Main-Brand-Burgundy);
   border-radius: var(--Corner-radius-Medium);
-  color: var(--Scandic-Brand-Pale-Peach);
+  background-color: var(--Scandic-Brand-Pale-Peach);
+  color: var(--Scandic-Peach-80);
   padding: var(--Spacing-x-half) var(--Spacing-x1);
 }
 
@@ -27,4 +27,4 @@
   .levelSummaryText {
     font-size: var(--typography-Caption-Regular-fontSize);
   }
-}
\ No newline at end of file
+}
diff --git a/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css b/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css
index 41676a652..d8d3c2df1 100644
--- a/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css
+++ b/components/Loyalty/Blocks/DynamicContent/OverviewTable/overviewTable.module.css
@@ -31,6 +31,7 @@
 .columns {
   display: none;
   position: relative;
+  background-color: var(--Scandic-Opacity-White-100);
 }
 
 .mobileColumns {
@@ -39,6 +40,7 @@
   margin: 0 calc(var(--Spacing-x2) * -1);
   padding-top: var(--Spacing-x2);
   position: relative;
+  background-color: var(--Scandic-Opacity-White-100);
 }
 
 .columnHeaderContainer {