diff --git a/frontend/src/component/menu/Footer/ApiDetails/ApiDetails.tsx b/frontend/src/component/menu/Footer/ApiDetails/ApiDetails.tsx
index 8d1017e84e78..e0583926de59 100644
--- a/frontend/src/component/menu/Footer/ApiDetails/ApiDetails.tsx
+++ b/frontend/src/component/menu/Footer/ApiDetails/ApiDetails.tsx
@@ -14,14 +14,16 @@ interface IApiDetailsProps {
export const ApiDetails = (props: IApiDetailsProps): ReactElement => {
const instanceId = props.uiConfig.versionInfo?.instanceId;
const { name, version, buildNumber } = formatCurrentVersion(props.uiConfig);
- const environment = props.uiConfig.environment;
+ const { environment, billing } = props.uiConfig;
const updateNotification = formatUpdateNotification(props.uiConfig);
const buildInfo = buildNumber ? ({buildNumber}) : '';
return (
- {name} {environment ? environment : ''} {version} {buildInfo}
+ {name} {environment ? environment : ''}
+ {billing === 'pay-as-you-go' ? ' Pay-as-You-Go' : ''} {version}{' '}
+ {buildInfo}