diff --git a/frontend/src/component/onboarding/GenerateApiKey.tsx b/frontend/src/component/onboarding/GenerateApiKey.tsx
index 256a7446502b..7e905663f7ce 100644
--- a/frontend/src/component/onboarding/GenerateApiKey.tsx
+++ b/frontend/src/component/onboarding/GenerateApiKey.tsx
@@ -66,7 +66,7 @@ const SecretExplanation = styled('div')(({ theme }) => ({
 }));
 
 const SecretExplanationDescription = styled('div')(({ theme }) => ({
-    backgroundColor: theme.palette.primary.contrastText,
+    backgroundColor: theme.palette.background.paper,
     borderRadius: theme.shape.borderRadius,
     padding: theme.spacing(2),
     flex: 1,