diff --git a/config-ui/src/components/action/copy-text/index.tsx b/config-ui/src/components/action/copy-text/index.tsx
index 36734f7c2d1..59800ea4b1f 100644
--- a/config-ui/src/components/action/copy-text/index.tsx
+++ b/config-ui/src/components/action/copy-text/index.tsx
@@ -28,7 +28,8 @@ const Wrapper = styled.div`
   align-items: center;
   justify-content: space-between;
   padding: 6px 8px;
-  background: #f0f4fe;
+  color: ${({ theme }) => theme.colors.text};
+  background: ${({ theme }) => theme.colors.infoBg};
 `;
 
 interface Props {