diff --git a/frontend/src/component/common/Card/Card.tsx b/frontend/src/component/common/Card/Card.tsx
index 5870ab7f46..d27875c62c 100644
--- a/frontend/src/component/common/Card/Card.tsx
+++ b/frontend/src/component/common/Card/Card.tsx
@@ -66,7 +66,7 @@ const StyledCardBodyContent = styled(Box)(({ theme }) => ({
 const StyledCardFooter = styled(Box)(({ theme }) => ({
     padding: theme.spacing(0, 2),
     display: 'flex',
-    background: theme.palette.envAccordion.expanded,
+    background: theme.palette.background.elevation1,
     boxShadow: theme.boxShadows.accordionFooter,
     alignItems: 'center',
     justifyContent: 'space-between',
diff --git a/frontend/src/component/project/ProjectCard/ProjectCardFooter/ProjectCardFooter.tsx b/frontend/src/component/project/ProjectCard/ProjectCardFooter/ProjectCardFooter.tsx
index 13d8c38a6d..43051b731c 100644
--- a/frontend/src/component/project/ProjectCard/ProjectCardFooter/ProjectCardFooter.tsx
+++ b/frontend/src/component/project/ProjectCard/ProjectCardFooter/ProjectCardFooter.tsx
@@ -19,7 +19,7 @@ const StyledFooter = styled(Box)<{ disabled: boolean }>(
         display: 'flex',
         background: disabled
             ? theme.palette.background.paper
-            : theme.palette.envAccordion.expanded,
+            : theme.palette.background.elevation1,
         boxShadow: theme.boxShadows.accordionFooter,
         alignItems: 'center',
         justifyContent: 'space-between',
diff --git a/frontend/src/themes/theme.ts b/frontend/src/themes/theme.ts
index 82d57a640d..4e22eac0b5 100644
--- a/frontend/src/themes/theme.ts
+++ b/frontend/src/themes/theme.ts
@@ -253,6 +253,8 @@ const theme = {
 
         /**
          * For Environment Accordion.
+         * @deprecated Use `elevation1` for `disabled` and `elevation2` for `expanded` instead.
+         * remove with the flagOverviewRedesign flag
          */
         envAccordion: {
             disabled: colors.grey[100],