diff --git a/apps/studio/pages/account/security.tsx b/apps/studio/pages/account/security.tsx
index ac558dbb5f8..2118f6e1c1d 100644
--- a/apps/studio/pages/account/security.tsx
+++ b/apps/studio/pages/account/security.tsx
@@ -134,8 +134,13 @@ const Security: NextPageWithLayout = () => {
 
                   <div className="flex flex-row gap-3 items-center">
                     {data ? (
-                      <Badge variant={data.webauthn.length === 0 ? 'default' : 'brand'}>
-                        {data.webauthn.length} key{data.webauthn.length === 1 ? '' : 's'} configured
+                      <Badge
+                        variant={
+                          !!data.webauthn && data.webauthn?.length !== 0 ? 'brand' : 'default'
+                        }
+                      >
+                        {data.webauthn?.length ?? '0'} key{data.webauthn?.length === 1 ? '' : 's'}{' '}
+                        configured
                       </Badge>
                     ) : null}
                     <ChevronRightIcon