diff --git a/frontend/web/components/OrganisationLimit.tsx b/frontend/web/components/OrganisationLimit.tsx index db8dca99deea..da069da27f17 100644 --- a/frontend/web/components/OrganisationLimit.tsx +++ b/frontend/web/components/OrganisationLimit.tsx @@ -36,7 +36,7 @@ const OrganisationLimit: FC = ({ totalApiCalls?.totals.total, )}/${Format.shortenNumber(maxApiCalls?.max_api_calls)}` - const alertMaxApiCallsText = `You have used ${apiUsageMessageText} of your allowed requests.` + const alertMaxApiCallsText = `You have used ${apiUsageMessageText} of your allowed requests` const QuotaExceededMessage = () => { return ( @@ -44,26 +44,33 @@ const OrganisationLimit: FC = ({ className={'alert alert-danger announcement'} style={{ display: 'initial' }} > - - - - <> - Your organisation has exceeded its API usage quota{' '} - {`(${alertMaxApiCallsText}).`}{' '} - {Utils.getPlanName(organisationPlan) === 'Free' ? ( - Please upgrade your plan to continue receiving service. - ) : ( - Automated billing for the overages may apply. - )} - - + + + + +
+ Your organisation has exceeded its API usage quota{' '} + {`(${alertMaxApiCallsText}).`}{' '} + {Utils.getPlanName(organisationPlan) === 'Free' ? ( + Please upgrade your plan to continue receiving service. + ) : ( + Automated billing for the overages may apply. + )} +
+ +
) }