diff --git a/awx/ui_next/src/components/DetailList/Detail.jsx b/awx/ui_next/src/components/DetailList/Detail.jsx
index f312ab78c3..aad6447bcb 100644
--- a/awx/ui_next/src/components/DetailList/Detail.jsx
+++ b/awx/ui_next/src/components/DetailList/Detail.jsx
@@ -23,7 +23,8 @@ const DetailValue = styled(({ fullWidth, isEncrypted, ...props }) => (
`
grid-column: 2 / -1;
`}
- ${props => props.isEncrypted &&
+ ${props =>
+ props.isEncrypted &&
`
text-transform: uppercase
color: var(--pf-global--Color--400);
diff --git a/awx/ui_next/src/screens/Credential/CredentialDetail/CredentialDetail.jsx b/awx/ui_next/src/screens/Credential/CredentialDetail/CredentialDetail.jsx
index 10890357eb..520ca61263 100644
--- a/awx/ui_next/src/screens/Credential/CredentialDetail/CredentialDetail.jsx
+++ b/awx/ui_next/src/screens/Credential/CredentialDetail/CredentialDetail.jsx
@@ -83,7 +83,14 @@ function CredentialDetail({ i18n, credential }) {
);
} else if (inputs[id] === '$encrypted$') {
const isEncrypted = true;
- detail =