diff --git a/packages/uiweb/src/lib/components/chat/CreateGroup/AddCriteria.tsx b/packages/uiweb/src/lib/components/chat/CreateGroup/AddCriteria.tsx
index 7174567f8..354e0dfce 100644
--- a/packages/uiweb/src/lib/components/chat/CreateGroup/AddCriteria.tsx
+++ b/packages/uiweb/src/lib/components/chat/CreateGroup/AddCriteria.tsx
@@ -22,6 +22,7 @@ import OptionButtons from '../reusables/OptionButtons';
 
 import EthereumSvg from '../../../icons/ethereum.svg';
 import PolygonSvg from '../../../icons/polygon.svg';
+import ArbitrumSvg from '../../../icons/arbitrum.svg';
 import BSCSvg from '../../../icons/bsc.svg';
 import OptimismSvg from '../../../icons/optimisim.svg';
 import { BLOCKCHAIN_NETWORK, device } from '../../../config';
@@ -233,6 +234,13 @@ const AddCriteria = ({
       icon: OptimismSvg,
       function: () => setSelectedChainValue(3),
     },
+    {
+      id: 4,
+      value: BLOCKCHAIN_NETWORK[env].ARBITRUM,
+      title: 'Arbitrim',
+      icon: ArbitrumSvg,
+      function: () => setSelectedChainValue(4),
+    },
   ];
 
   const onQuantityChange = (e: any) => {
diff --git a/packages/uiweb/src/lib/components/chat/CreateGroup/ConditionsComponent.tsx b/packages/uiweb/src/lib/components/chat/CreateGroup/ConditionsComponent.tsx
index 2a180aa5f..6b960d7ae 100644
--- a/packages/uiweb/src/lib/components/chat/CreateGroup/ConditionsComponent.tsx
+++ b/packages/uiweb/src/lib/components/chat/CreateGroup/ConditionsComponent.tsx
@@ -8,12 +8,18 @@ import { ThemeContext } from '../theme/ThemeProvider';
 import Dropdown, { DropdownValueType } from '../reusables/DropDown';
 import { ConditionArray, ConditionData, IChatTheme } from '../exportedTypes';
 import { useClickAway, useTokenSymbolLoader } from '../../../hooks';
-import { CATEGORY, CRITERIA_TYPE, CriteriaType, PushData, TOKEN_NFT_COMPARISION, TokenNftComparision } from '../types';
+import {
+  CATEGORY,
+  CRITERIA_TYPE,
+  CriteriaType,
+  TOKEN_NFT_COMPARISION,
+  TokenNftComparision,
+} from '../types';
 
 import EditSvg from '../../../icons/EditSvg.svg';
 import RemoveSvg from '../../../icons/RemoveSvg.svg';
 import { shortenText } from '../../../helpers';
-import { GUILD_COMPARISON_OPTIONS } from '../constants';
+import { GUILD_COMPARISON_OPTIONS, NETWORK_ICON_DETAILS } from '../constants';
 
 export type CriteraValueType = {
   invertedIcon?: any;
@@ -54,8 +60,12 @@ const MoreOptionsContainer = ({
 
   useClickAway(dropdownRef, () => setSelectedIndex(null));
   return (
-    <Section onClick={() => handleMoreOptionsClick(row, col)}  position='static'>
-      <MoreDarkIcon color={theme.iconColor?.groupSettings} width='24' height='24'/>
+    <Section onClick={() => handleMoreOptionsClick(row, col)} position="static">
+      <MoreDarkIcon
+        color={theme.iconColor?.groupSettings}
+        width="24"
+        height="24"
+      />
       {selectedIndex?.length && selectedIndex[0] === row && (
         <DropdownContainer ref={dropdownRef} theme={theme}>
           <Dropdown
@@ -85,19 +95,18 @@ const CriteriaSection = ({ criteria }: { criteria: ConditionData }) => {
     return false;
   };
 
-  const getGuildRole  = () =>{
-    if(!criteria?.data?.['comparison'])
-    {
+  const getGuildRole = () => {
+    if (!criteria?.data?.['comparison']) {
       return 'SPECIFIC';
     }
-    return (GUILD_COMPARISON_OPTIONS.find(option => option.value === criteria?.data?.['comparison']))?.heading;
- 
-  }
-
-  const [tokenSymbol,] = useTokenSymbolLoader(criteria)
+    return GUILD_COMPARISON_OPTIONS.find(
+      (option) => option.value === criteria?.data?.['comparison']
+    )?.heading;
+  };
 
+  const [tokenSymbol] = useTokenSymbolLoader(criteria);
   return (
-    <Section gap="8px">
+    <Section gap="8px" width="100%">
       <Span
         alignSelf="center"
         background={theme.backgroundColor?.criteriaLabelBackground}
@@ -109,13 +118,27 @@ const CriteriaSection = ({ criteria }: { criteria: ConditionData }) => {
         {CRITERIA_TYPE[criteria.category as CriteriaType]}
       </Span>
       {checkIfNftToken() && (
-        <Span fontWeight="700" color={theme.textColor?.modalHeadingText}>
-          <Span fontWeight="500" color={theme.textColor?.modalSubHeadingText}>
-            {getTokenNftComparisionLabel()}{' '}
+        <Section
+          width="100%"
+          justifyContent="space-between"
+          alignItems="center"
+        >
+          <Span fontWeight="700" color={theme.textColor?.modalHeadingText}>
+            <Span fontWeight="500" color={theme.textColor?.modalSubHeadingText}>
+              {getTokenNftComparisionLabel()}{' '}
+            </Span>
+            {criteria?.data?.['amount']} {tokenSymbol}
           </Span>
-          {/* need to fetch token symbol */}
-          {criteria?.data?.['amount']} {tokenSymbol}
-        </Span>
+          <ChainIconSVG padding="0 6px 0 0" >
+            {
+              NETWORK_ICON_DETAILS[
+                criteria?.data?.['contract'].split(
+                  ':'
+                )[1] as keyof typeof NETWORK_ICON_DETAILS
+              ].icon
+            }
+          </ChainIconSVG>
+        </Section>
       )}
       {criteria.category === CATEGORY.INVITE && (
         <Span fontWeight="500" color={theme.textColor?.modalSubHeadingText}>
@@ -128,17 +151,17 @@ const CriteriaSection = ({ criteria }: { criteria: ConditionData }) => {
           fontSize="14px"
           color={theme.textColor?.modalSubHeadingText}
         >
-          {shortenText(criteria.data?.['url'],30)}
+          {shortenText(criteria.data?.['url'], 30)}
         </Span>
       )}
-         {criteria.category === CATEGORY.ROLES && (
-        <Span fontWeight="700" color={theme.textColor?.modalHeadingText}> 
-        {criteria?.data?.['id']} {' '}
-        <Span fontWeight="500" color={theme.textColor?.modalSubHeadingText}>
-         with {' '}
+      {criteria.category === CATEGORY.ROLES && (
+        <Span fontWeight="700" color={theme.textColor?.modalHeadingText}>
+          {criteria?.data?.['id']}{' '}
+          <Span fontWeight="500" color={theme.textColor?.modalSubHeadingText}>
+            with{' '}
+          </Span>
+          {getGuildRole()} role
         </Span>
-        {getGuildRole()} role
-      </Span>
       )}
     </Section>
   );
@@ -198,7 +221,7 @@ const ConditionsComponent = ({
     <Section flexDirection="column" width="100%" height="100%">
       {conditionData &&
         conditionData.slice(1).map((criteria, row) => (
-          <Section flexDirection="column"  >
+          <Section flexDirection="column">
             {criteria.length <= 2 &&
               criteria.length >= 1 &&
               criteria.map((singleCriteria, col) => (
@@ -259,8 +282,7 @@ const ConditionsComponent = ({
                     </>
                   ))}
                 </Section>
-                <Section 
-                >
+                <Section>
                   {criteria.map((singleCriteria) => (
                     <>
                       {criteria.length > 2 &&
@@ -326,3 +348,15 @@ const OperatorSpan = styled(Span)<{ theme: IChatTheme }>`
 const CriteriaGroup = styled(Section)<{ theme: IChatTheme }>`
   border: ${(props) => props.theme.border?.modalInnerComponents};
 `;
+
+const ChainIconSVG = styled(Section)`
+  width: 20px;
+  height: 20px;
+
+  svg,
+  svg image,
+  img {
+    width: 100%;
+    height: 100%;
+  }
+`;
diff --git a/packages/uiweb/src/lib/components/chat/constants/chainDetails.tsx b/packages/uiweb/src/lib/components/chat/constants/chainDetails.tsx
new file mode 100644
index 000000000..fb9d4c21a
--- /dev/null
+++ b/packages/uiweb/src/lib/components/chat/constants/chainDetails.tsx
@@ -0,0 +1,70 @@
+
+import Tooltip from "../../tooltip";
+
+import { EthereumSvg } from '../../../icons/EthereumSvg';
+import { PolygonSvg } from "../../../icons/PolygonSvg";
+import { BSCSvg } from "../../../icons/BSCSvg";
+import { OptimismSvg } from "../../../icons/OptimismSvg";
+import { PolygonzkevmSvg } from "../../../icons/PolygonzkevmSvg";
+import { ArbitrumSvg } from "../../../icons/ArbitrumSvg"
+import React from "react";
+
+const createSVGIcon = (element:any, chainName: string) => {
+  return (
+    <Tooltip tooltipContent={`${chainName}`}>
+      {element}
+    </Tooltip>
+  );
+};
+
+export const NETWORK_ICON_DETAILS =  {
+  5: {
+    label: 'ETHEREUM GOERLI',
+    icon: createSVGIcon(<EthereumSvg/>, 'Ethereum Goerli'),
+  },
+  1: {
+    label: 'ETHEREUM MAINNET',
+    icon: createSVGIcon(<EthereumSvg/>, 'Ethereum Mainnet'),
+  },
+  80001: {
+    label: 'POLYGON MUMBAI',
+    icon: createSVGIcon(<PolygonSvg/>, 'Polygon Mumbai'),
+  },
+  137: {
+    label: 'POLYGON MAINNET',
+    icon: createSVGIcon(<PolygonSvg/>, 'Polygon Mainnet'),
+  },
+  97: {
+    label: 'BSC TESTNET',
+    icon: createSVGIcon(<BSCSvg/>, 'Bsc Testnet'),
+  },
+  56: {
+    label: 'BSC MAINNET',
+    icon: createSVGIcon(<BSCSvg/>, 'Bsc Mainnet'),
+  },
+  420: {
+    label: 'OPTIMISM TESTNET',
+    icon: createSVGIcon(<OptimismSvg/>, 'Optimism Testnet'),
+  },
+  10: {
+    label: 'OPTIMISM MAINNET',
+    icon: createSVGIcon(<OptimismSvg/>, 'Optimism Mainnet'),
+  },
+  1442: {
+    label: 'POLYGON ZK EVM TESTNET',
+    icon: createSVGIcon(<PolygonzkevmSvg/>, 'Polygon ZK EVM Testnet'),
+  },
+  1101: {
+    label: 'POLYGON ZK EVM MAINNET',
+    icon: createSVGIcon(<PolygonzkevmSvg/>, 'Polygon ZK EVM Mainnet'),
+  },
+
+  42161: {
+    label: 'ARBITRUMONE MAINNET',
+    icon: createSVGIcon(<ArbitrumSvg/>, 'Arbitrum Mainnet'),
+  },
+  421613: {
+    label: 'ARBITRUM TESTNET',
+    icon: createSVGIcon(<ArbitrumSvg/>, 'Arbitrum Testnet'),
+  },
+};
diff --git a/packages/uiweb/src/lib/components/chat/constants/index.ts b/packages/uiweb/src/lib/components/chat/constants/index.ts
index 4224f93ab..085844f58 100644
--- a/packages/uiweb/src/lib/components/chat/constants/index.ts
+++ b/packages/uiweb/src/lib/components/chat/constants/index.ts
@@ -53,4 +53,6 @@ export const ACCESS_TYPE_TITLE = {
     heading: 'Conditions to Chat',
     subHeading: 'Add a condition to join or leave it open for everyone',
   },
-};
\ No newline at end of file
+};
+
+export * from './chainDetails';
\ No newline at end of file
diff --git a/packages/uiweb/src/lib/config/constants.ts b/packages/uiweb/src/lib/config/constants.ts
index 6e92322db..b30e87737 100644
--- a/packages/uiweb/src/lib/config/constants.ts
+++ b/packages/uiweb/src/lib/config/constants.ts
@@ -42,12 +42,15 @@ export const CoreContractChainId = {
   local: 5,
 };
 
+
+
 const TESTNET_NETWORK = {
   ETHEREUM: 'eip155:5',
   POLYGON: 'eip155:80001',
   BSC: 'eip155:97',
   OPTIMISM: 'eip155:420',
   POLYGON_ZK_EVM: 'eip155:1442',
+  ARBITRUM:'eip155:421613'
 };
 const MAINET_NETWORK = {
   ETHEREUM: 'eip155:1',
@@ -55,6 +58,7 @@ const MAINET_NETWORK = {
   BSC: 'eip155:56',
   OPTIMISM: 'eip155:10',
   POLYGON_ZK_EVM: 'eip155:1101',
+  ARBITRUM:'eip155:42161'
 };
 
 export const BLOCKCHAIN_NETWORK = {
diff --git a/packages/uiweb/src/lib/icons/arbitrum.svg b/packages/uiweb/src/lib/icons/arbitrum.svg
new file mode 100644
index 000000000..0fa71d8eb
--- /dev/null
+++ b/packages/uiweb/src/lib/icons/arbitrum.svg
@@ -0,0 +1,16 @@
+<svg
+    id="Layer_1"
+    xmlns="http://www.w3.org/2000/svg"
+  
+    viewBox="0 0 1080 1218.5"
+    xmlSpace="preserve"
+  >
+    <path
+      className="st0"
+      d="M541.8 76.4c2.9 0 5.8.8 8.4 2.3l446.1 259.5c5.2 3 8.4 8.6 8.3 14.5l-1.7 516.1c0 6-3.2 11.5-8.4 14.5l-447.8 256.6c-2.5 1.5-5.5 2.2-8.4 2.2-2.9 0-5.8-.8-8.4-2.3L83.8 880.3c-5.2-3-8.4-8.6-8.3-14.5l1.7-516.1c0-6 3.2-11.5 8.4-14.5L533.4 78.6c2.5-1.5 5.4-2.2 8.4-2.2M542 1c-15.9-.1-31.8 4-46.1 12.2L48.1 269.7c-28.6 16.4-46.2 46.7-46.4 79.7L0 865.5c-.1 32.9 17.4 63.4 45.8 80L491.9 1205c14.2 8.3 30.1 12.4 46.1 12.5 15.9.1 31.8-4 46.1-12.2l447.8-256.6c28.6-16.4 46.2-46.7 46.4-79.7l1.7-516c.1-32.9-17.4-63.4-45.8-80L588.1 13.5C573.8 5.2 557.9 1 542 1z"
+    />
+    <path
+      className="st0"
+      d="M632.4 282.3H567c-4.9 0-9.3 3.1-11 7.7L345.8 866.4c-1.4 3.8 1.4 7.8 5.5 7.8h65.4c4.9 0 9.3-3.1 11-7.7L638 290c1.2-3.7-1.6-7.7-5.6-7.7zm-114.4 0h-65.4c-4.9 0-9.3 3.1-11 7.7L231.4 866.4c-1.4 3.8 1.4 7.8 5.5 7.8h65.4c4.9 0 9.3-3.1 11-7.7L523.6 290c1.3-3.7-1.5-7.7-5.6-7.7zm84.7 223.5c-1.9-5.1-9.1-5.1-11 0l-34 93.2c-.9 2.6-.9 5.4 0 8l94.7 259.6c1.7 4.6 6.1 7.7 11 7.7h65.4c4.1 0 6.9-4 5.5-7.8L602.7 505.8zm245.9 360.6L659.9 349.1c-1.9-5.1-9.1-5.1-11 0l-34 93.2c-.9 2.6-.9 5.4 0 8l151.9 416.3c1.7 4.6 6.1 7.7 11 7.7h65.4c3.9-.1 6.8-4.1 5.4-7.9z"
+    />
+  </svg>
\ No newline at end of file