refactor: remove unused code

components/Loyalty/Blocks/DynamicContent/OverviewTable/BenefitList/benefitList.module.css

@@ -7,41 +7,8 @@
   padding-top: 0;
 }
 
-.firstColumn {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 50%;
-  z-index: 1;
-}
-
-.secondColumn {
-  position: absolute;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  margin-bottom: calc(var(--Spacing-x2) * -1);
-  left: 50%;
-  right: 0;
-  z-index: 1;
-  border-top-left-radius: var(--Corner-radius-Medium);
-}
-
 @media screen and (min-width: 950px) {
   .benefitCardWrapper {
     grid-column: 1/4;
   }
-
-  .firstColumn {
-    width: calc((100%) / 3);
-    right: calc(100% / 3 * 2);
-    margin-left: 0;
-  }
-
-  .secondColumn {
-    width: calc(100% / 3);
-    left: calc(100% / 3);
-    right: calc(100% / 3);
-  }
 }

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

@@ -24,8 +24,6 @@ export default function BenefitList({ levels }: BenefitListProps) {
       const levelBenefits = levels.map((level) => level.benefits[idx])
       return (
         <div key={benefit.name} className={styles.benefitCardWrapper}>
-          <div className={styles.firstColumn} />
-          <div className={styles.secondColumn} />
           <BenefitCard
             title={benefit.name}
             description={benefit.description}