diff --git a/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx b/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
index ab48b75304..da18c2bffc 100644
--- a/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
+++ b/src/frontend/src/pages/Index/Settings/AccountSettings/SecurityContent.tsx
@@ -261,7 +261,9 @@ function ProviderSection({
   const { isLoading, data, refetch } = useQuery({
     queryKey: ['provider-list'],
     queryFn: () =>
-      authApi(apiUrl(ApiEndpoints.auth_providers)).then((res) => res.data.data)
+      authApi(apiUrl(ApiEndpoints.auth_providers))
+        .then((res) => res?.data?.data ?? [])
+        .catch(() => [])
   });
 
   const availableProviders = useMemo(() => {
@@ -356,7 +358,8 @@ function MfaSection() {
     queryFn: () =>
       api
         .get(apiUrl(ApiEndpoints.auth_authenticators))
-        .then((res) => res.data.data)
+        .then((res) => res?.data?.data ?? [])
+        .catch(() => [])
   });
 
   function showRecoveryCodes(codes: Recoverycodes) {