diff --git a/ui/src/app/settings/components/account-details/account-details.tsx b/ui/src/app/settings/components/account-details/account-details.tsx
index e81993f07053e..9e59c1b8560b6 100644
--- a/ui/src/app/settings/components/account-details/account-details.tsx
+++ b/ui/src/app/settings/components/account-details/account-details.tsx
@@ -39,7 +39,7 @@ export const AccountDetails = (props: RouteComponentProps<{name: string}>) => {
CAPABILITIES
-
{account.capabilities.join(', ')}
+
{(account.capabilities || []).join(', ')}
diff --git a/ui/src/app/settings/components/accounts-list/accounts-list.tsx b/ui/src/app/settings/components/accounts-list/accounts-list.tsx
index f6e362d7743ca..44ae9bfe8a4d5 100644
--- a/ui/src/app/settings/components/accounts-list/accounts-list.tsx
+++ b/ui/src/app/settings/components/accounts-list/accounts-list.tsx
@@ -29,7 +29,7 @@ export const AccountsList = () => {
{account.name}
{(account.enabled && 'true') || 'false'}
-
{account.capabilities && account.capabilities.join(', ')}
+
{(account.capabilities || []).join(', ')}
))}