diff --git a/site/source/design-system/card/Card.tsx b/site/source/design-system/card/Card.tsx
index fa5f91e1f..0bf8e6869 100644
--- a/site/source/design-system/card/Card.tsx
+++ b/site/source/design-system/card/Card.tsx
@@ -139,7 +139,7 @@ export const CardContainer = styled.div<{
 	border: none;
 	background-color: ${({ theme, $inert }) =>
 		theme.darkMode
-			? theme.colors.extended.dark[600]
+			? theme.colors.extended.dark[$inert ? 700 : 600]
 			: theme.colors.extended.grey[$inert ? 200 : 100]};
 	border-radius: ${({ theme }) => theme.box.borderRadius};
 	box-shadow: ${({ theme }) =>