diff --git a/packages/apps/src/Endpoints/Group.tsx b/packages/apps/src/Endpoints/Group.tsx
index cac97d8e6d..25b81c5b7b 100644
--- a/packages/apps/src/Endpoints/Group.tsx
+++ b/packages/apps/src/Endpoints/Group.tsx
@@ -3,7 +3,7 @@
 
 import type { Group } from './types';
 
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import styled from 'styled-components';
 
 import { Icon } from '@polkadot/react-components';
@@ -28,6 +28,11 @@ function GroupDisplay ({ affinities, apiUrl, children, className = '', index, is
     [index, isSelected, setGroup]
   );
 
+  const filtered = useMemo(
+    () => networks.filter(({ isUnreachable }) => !isUnreachable),
+    [networks]
+  );
+
   return (
     <div className={`${className}${isSelected ? ' isSelected' : ''}`}>
       <div
@@ -40,7 +45,7 @@ function GroupDisplay ({ affinities, apiUrl, children, className = '', index, is
       {isSelected && (
         <>
           <div className='groupNetworks'>
-            {networks.map((network, index): React.ReactNode => (
+            {filtered.map((network, index): React.ReactNode => (
               <Network
                 affinity={affinities[network.name]}
                 apiUrl={apiUrl}