diff --git a/packages/apps-config/src/endpoints/testing.ts b/packages/apps-config/src/endpoints/testing.ts
index 0fab561253..341b10563f 100644
--- a/packages/apps-config/src/endpoints/testing.ts
+++ b/packages/apps-config/src/endpoints/testing.ts
@@ -566,6 +566,13 @@ export const testChains: EndpointOption[] = [
       // 'Subspace Network': 'wss://test-rpc.subspace.network' // https://github.com/polkadot-js/apps/issues/8598
     }
   },
+  {
+    info: 'tangle',
+    text: 'Tangle Alpha',
+    providers: {
+      Webb: 'wss://tangle-archive.webb.tools'
+    }
+  },
   {
     info: 'ternoa-alphanet',
     text: 'Ternoa Alphanet',
diff --git a/packages/apps-config/src/endpoints/testingRelayRococo.ts b/packages/apps-config/src/endpoints/testingRelayRococo.ts
index 929bcd3794..b3e2dcbb14 100644
--- a/packages/apps-config/src/endpoints/testingRelayRococo.ts
+++ b/packages/apps-config/src/endpoints/testingRelayRococo.ts
@@ -119,14 +119,6 @@ export const testParasRococo: EndpointOption[] = [
       'Manta Network': 'wss://ws.rococo.dolphin.engineering'
     }
   },
-  {
-    info: 'Eggnet',
-    paraId: 4006,
-    text: 'Eggnet',
-    providers: {
-      // Webb: 'wss://rococo1.webb.tools' // https://github.com/polkadot-js/apps/issues/8175
-    }
-  },
   {
     info: 'rococoEthos',
     paraId: 2095,
@@ -337,6 +329,14 @@ export const testParasRococo: EndpointOption[] = [
       t3rn: 'wss://ws.t0rn.io'
     }
   },
+  {
+    info: 'tangle',
+    paraId: 4006,
+    text: 'Tangle',
+    providers: {
+      Webb: 'wss://arana-alpha-1.webb.tools'
+    }
+  },
   {
     info: 'rococoTinkernet',
     paraId: 2125,
diff --git a/packages/apps-config/src/ui/colors.ts b/packages/apps-config/src/ui/colors.ts
index 2acec00e44..f4cc428751 100644
--- a/packages/apps-config/src/ui/colors.ts
+++ b/packages/apps-config/src/ui/colors.ts
@@ -25,7 +25,8 @@ const chainAmplitude = '#5DEFA7';
 const chainAmplitudeRococo = '#5DEFA7';
 const chainApron = 'linear-gradient(45deg, #0099F7 0%, #2E49EB 100%)';
 const chainAstar = '#1b6dc1d9';
-const chainEggnet = '#0099ff';
+const chainTangle = '#483d8b';
+const chainTangleDev = '#0099ff';
 const chainAutomata = '#EC7032';
 const chainAutomataContextFree = '#EC7032';
 const chainBajun = '#161212';
@@ -349,7 +350,6 @@ export const chainColors: Record<string, string> = Object.entries({
   'Dora Factory': chainDorafactory,
   'DOTMog.com NET': chainDotMog,
   Efinity: chainEfinity,
-  'Egg Rococo': chainEggnet,
   Equilibrium: chainEquilibrium,
   'Equilibrium parachain': chainEquilibrium,
   EquilibriumTestnet: chainGenshiro,
@@ -500,6 +500,8 @@ export const chainColors: Record<string, string> = Object.entries({
   Subzero: chainZero,
   swapdex: chainSwapdex,
   t0rn: chainT0rn,
+  'Tangle Rococo': chainTangle,
+  'Tangle Testnet': chainTangleDev,
   Tick: chainRoccoTick,
   'Tinkernet Rococo Testnet': chainTinkerRococo,
   Track: chainRoccoTrack,
@@ -637,6 +639,7 @@ export const nodeColors = Object.entries({
   Subspace: nodeSubspace,
   'subzero node': nodeZero,
   swapdex: nodeSwapdex,
+  'Tangle Parachain': chainTangle,
   'Ternoa Node': nodeTernoa,
   'uni arts node': nodeUniarts,
   'UniArts Node': nodeUniarts,
diff --git a/packages/apps-config/src/ui/logos/chains/tangle.png b/packages/apps-config/src/ui/logos/chains/tangle.png
new file mode 100644
index 0000000000..ca282dcb64
Binary files /dev/null and b/packages/apps-config/src/ui/logos/chains/tangle.png differ
diff --git a/packages/apps-config/src/ui/logos/chains/webb.png b/packages/apps-config/src/ui/logos/chains/webb.png
deleted file mode 100644
index 21dd2211ee..0000000000
Binary files a/packages/apps-config/src/ui/logos/chains/webb.png and /dev/null differ
diff --git a/packages/apps-config/src/ui/logos/index.ts b/packages/apps-config/src/ui/logos/index.ts
index 0c42caa5ba..578ac57917 100644
--- a/packages/apps-config/src/ui/logos/index.ts
+++ b/packages/apps-config/src/ui/logos/index.ts
@@ -77,6 +77,7 @@ import chainSpanner from './chains/spanner.png';
 import chainStandard from './chains/standard.png';
 import chainT0rn from './chains/t0rn.png';
 import chainKusamaDataHighway from './chains/tanganika.png';
+import chainTangle from './chains/tangle.png';
 import chainTinker from './chains/tinker.png';
 import nodeTotem from './chains/totem.svg';
 import chainTuring from './chains/turing.png';
@@ -85,7 +86,6 @@ import chainUnorthodox from './chains/unorthodox.png';
 import chainVara from './chains/vara.svg';
 import chainVirto from './chains/virto.png';
 import chainWatr from './chains/watr.png';
-import chainEggnet from './chains/webb.png';
 import extensionPolkadotJs from './extensions/polkadot-js.svg';
 import externalCommonwealth from './external/commonwealth.png';
 import externalDotreasury from './external/dotreasury.svg';
@@ -312,7 +312,6 @@ export const chainLogos = Object.entries({
   'Dolphin Testnet': nodeDolphin,
   'Dora Factory': chainDorafactory,
   Efinity: chainEfinity,
-  'Egg Rococo': chainEggnet,
   Equilibrium: chainEquilibrium,
   'Equilibrium parachain': chainEquilibrium,
   EquilibriumTestnet: chainEquilibrium,
@@ -466,6 +465,8 @@ export const chainLogos = Object.entries({
   Subzero: nodeZero,
   swapdex: nodeSwapdex,
   t0rn: chainT0rn,
+  'Tangle Rococo': chainTangle,
+  'Tangle Testnet': chainTangle,
   Tick: chainRococoTick,
   Track: chainRococoTrack,
   Trick: chainRococoTrick,
@@ -790,7 +791,6 @@ export const namedLogos: Record<string, unknown> = {
   eave: nodeEave,
   edgeware: nodeEdgeware,
   efinity: nodeEfinity,
-  Eggnet: chainEggnet,
   empty: emptyLogo,
   encointer: nodeEncointer,
   equilibrium: chainEquilibrium,
@@ -1004,6 +1004,7 @@ export const namedLogos: Record<string, unknown> = {
   swapdex: nodeSwapdex,
   t0rn: chainT0rn,
   tanganika: chainKusamaDataHighway,
+  tangle: chainTangle,
   ternoa: nodeTernoa,
   'ternoa-alphanet': nodeTernoa,
   'ternoa-testnet': nodeTernoa,