diff --git a/src/app/(protected)/team-members/_components/team-members-table.tsx b/src/app/(protected)/team-members/_components/team-members-table.tsx
index a70cef65..58f96576 100644
--- a/src/app/(protected)/team-members/_components/team-members-table.tsx
+++ b/src/app/(protected)/team-members/_components/team-members-table.tsx
@@ -27,6 +27,7 @@ export function TeamMembersTable({
 }: {
   rows: TeamMemberListItem[];
   isLoading: boolean;
+  hasError: boolean;
   tab: "active" | "inactive";
   onOpen: (member: TeamMemberListItem) => void;
 }) {
@@ -52,6 +53,15 @@ export function TeamMembersTable({
                 <CircularProgress size={28} />
               </TableCell>
             </TableRow>
+          ) : hasError ? (
+            <TableRow>
+              <TableCell colSpan={8} align="center" sx={{ py: 8 }}>
+                <Typography sx={{ fontWeight: 600 }}>Unable to load team members</Typography>
+                <Typography variant="body2" color="text.secondary">
+                  Check your connection and try again.
+                </Typography>
+              </TableCell>
+            </TableRow>
           ) : rows.length === 0 ? (
             <TableRow>
               <TableCell colSpan={8} align="center" sx={{ py: 8 }}>
diff --git a/src/app/(protected)/team-members/index.tsx b/src/app/(protected)/team-members/index.tsx
index d88c94d5..8ce620a3 100644
--- a/src/app/(protected)/team-members/index.tsx
+++ b/src/app/(protected)/team-members/index.tsx
@@ -152,7 +152,13 @@ export default function TeamMembersListPage() {
       )}
 
       <Box sx={{ flex: 1, overflow: "auto", p: 2 }}>
-        <TeamMembersTable rows={rows} isLoading={isLoading} tab={tab} onOpen={setSelectedMember} />
+        <TeamMembersTable
+          rows={rows}
+          isLoading={isLoading}
+          hasError={Boolean(error)}
+          tab={tab}
+          onOpen={setSelectedMember}
+        />
       </Box>
 
       <Stack