diff --git a/frontend/packages/swarm-ui/src/pages/agents/AgentsPage.tsx b/frontend/packages/swarm-ui/src/pages/agents/AgentsPage.tsx
index 958099bc4..4255c20ce 100644
--- a/frontend/packages/swarm-ui/src/pages/agents/AgentsPage.tsx
+++ b/frontend/packages/swarm-ui/src/pages/agents/AgentsPage.tsx
@@ -151,10 +151,7 @@ export function AgentsPage() {
         </div>
       ) : null}
       {error ? (
-        <ApiErrorPanel
-          context="failed to load the agents"
-          problem={error}
-        />
+        <ApiErrorPanel context="failed to load the agents" problem={error} />
       ) : null}
       {!error && rows === null ? (
         <SkeletonRegion label="the agents">
diff --git a/frontend/packages/swarm-ui/src/pages/swarm/HivesCard.tsx b/frontend/packages/swarm-ui/src/pages/swarm/HivesCard.tsx
index f954f8558..e137be4b7 100644
--- a/frontend/packages/swarm-ui/src/pages/swarm/HivesCard.tsx
+++ b/frontend/packages/swarm-ui/src/pages/swarm/HivesCard.tsx
@@ -134,10 +134,7 @@ function HiveRoster() {
         />
       </DisclosureAction>
       {error ? (
-        <ApiErrorPanel
-          context="failed to load the hives"
-          problem={error}
-        />
+        <ApiErrorPanel context="failed to load the hives" problem={error} />
       ) : null}
       {!error && hives === null ? (
         <TableSkeleton columns={COLUMNS} label="the hives" />