diff --git a/awx/ui_next/src/screens/Application/Applications.jsx b/awx/ui_next/src/screens/Application/Applications.jsx
index 91b5c9a024..85995c8512 100644
--- a/awx/ui_next/src/screens/Application/Applications.jsx
+++ b/awx/ui_next/src/screens/Application/Applications.jsx
@@ -1,8 +1,10 @@
 import React, { useState, useCallback } from 'react';
 import { withI18n } from '@lingui/react';
 import { t } from '@lingui/macro';
+import styled from 'styled-components';
 import { Route, Switch } from 'react-router-dom';
 import {
+  Alert,
   ClipboardCopy,
   ClipboardCopyVariant,
   Modal,
@@ -13,6 +15,10 @@ import Application from './Application';
 import Breadcrumbs from '../../components/Breadcrumbs';
 import { Detail, DetailList } from '../../components/DetailList';
 
+const ApplicationAlert = styled(Alert)`
+  margin-bottom: 20px;
+`;
+
 function Applications({ i18n }) {
   const [applicationModalSource, setApplicationModalSource] = useState(null);
   const [breadcrumbConfig, setBreadcrumbConfig] = useState({
@@ -61,6 +67,15 @@ function Applications({ i18n }) {
           title={i18n._(t`Application information`)}
           onClose={() => setApplicationModalSource(null)}
         >
+          {applicationModalSource.client_secret && (
+            <ApplicationAlert
+              variant="info"
+              isInline
+              title={i18n._(
+                t`This is the only time the client secret will be shown.`
+              )}
+            />
+          )}
           <DetailList stacked>
             <Detail
               label={i18n._(t`Name`)}
diff --git a/awx/ui_next/src/screens/User/UserTokens/UserTokens.jsx b/awx/ui_next/src/screens/User/UserTokens/UserTokens.jsx
index 21a9f486a8..450bd41822 100644
--- a/awx/ui_next/src/screens/User/UserTokens/UserTokens.jsx
+++ b/awx/ui_next/src/screens/User/UserTokens/UserTokens.jsx
@@ -1,8 +1,10 @@
 import React, { useCallback, useState } from 'react';
 import { withI18n } from '@lingui/react';
 import { t } from '@lingui/macro';
+import styled from 'styled-components';
 import { Switch, Route, useParams } from 'react-router-dom';
 import {
+  Alert,
   ClipboardCopy,
   ClipboardCopyVariant,
   Modal,
@@ -13,6 +15,10 @@ import UserTokenAdd from '../UserTokenAdd';
 import UserTokenList from '../UserTokenList';
 import UserToken from '../UserToken';
 
+const TokenAlert = styled(Alert)`
+  margin-bottom: 20px;
+`;
+
 function UserTokens({ i18n, setBreadcrumb, user }) {
   const [tokenModalSource, setTokenModalSource] = useState(null);
   const { id } = useParams();
@@ -46,6 +52,13 @@ function UserTokens({ i18n, setBreadcrumb, user }) {
           title={i18n._(t`Token information`)}
           onClose={() => setTokenModalSource(null)}
         >
+          <TokenAlert
+            variant="info"
+            isInline
+            title={i18n._(
+              t`This is the only time the token value and associated refresh token value will be shown.`
+            )}
+          />
           <DetailList stacked>
             {tokenModalSource.token && (
               <Detail