diff --git a/package.json b/package.json
index a8e7090b20..80f1d8d6e4 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "@pushprotocol/ledgerlive": "latest",
     "@pushprotocol/restapi": "0.0.1-alpha.49",
     "@pushprotocol/socket": "latest",
-    "@pushprotocol/uiweb": "0.0.1-alpha.20",
+    "@pushprotocol/uiweb": "0.0.1-alpha.22",
     "@reduxjs/toolkit": "^1.7.1",
     "@testing-library/dom": "^9.0.1",
     "@testing-library/jest-dom": "^4.2.4",
diff --git a/src/modules/chat/ChatModule.tsx b/src/modules/chat/ChatModule.tsx
index 2efbbd0cf4..fff0ef367a 100644
--- a/src/modules/chat/ChatModule.tsx
+++ b/src/modules/chat/ChatModule.tsx
@@ -403,7 +403,7 @@ const getUpdatedGroup = async(groupInfo) => {
 
   return (
     <Container>
-      <ChatUIProvider signer={signerData} env='prod' account={account} pgpPrivateKey={pgpPvtKey}>
+      <ChatUIProvider signer={signerData} env={appConfig.appEnv} account={account} pgpPrivateKey={pgpPvtKey}>
       <ItemHV2 ref={containerRef}>
         {!isLoading ? (
           <QueryClientProvider client={queryClient}>
diff --git a/yarn.lock b/yarn.lock
index 5096f2235c..665a9285b3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5425,7 +5425,7 @@ __metadata:
     "@pushprotocol/ledgerlive": latest
     "@pushprotocol/restapi": 0.0.1-alpha.49
     "@pushprotocol/socket": latest
-    "@pushprotocol/uiweb": 0.0.1-alpha.20
+    "@pushprotocol/uiweb": 0.0.1-alpha.22
     "@reduxjs/toolkit": ^1.7.1
     "@testing-library/dom": ^6.12.2
     "@testing-library/jest-dom": ^4.2.4
@@ -5688,9 +5688,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@pushprotocol/uiweb@npm:0.0.1-alpha.20":
-  version: 0.0.1-alpha.20
-  resolution: "@pushprotocol/uiweb@npm:0.0.1-alpha.20"
+"@pushprotocol/uiweb@npm:0.0.1-alpha.22":
+  version: 0.0.1-alpha.22
+  resolution: "@pushprotocol/uiweb@npm:0.0.1-alpha.22"
   dependencies:
     "@livekit/components-react": ^1.2.2
     "@livekit/components-styles": ^1.0.6
@@ -5711,7 +5711,9 @@ __metadata:
     html-react-parser: ^1.4.13
     livekit-client: ^1.13.3
     moment: ^2.29.4
+    react-easy-crop: ^4.1.4
     react-icons: ^4.10.1
+    react-image-file-resizer: ^0.4.7
     react-toastify: ^9.1.3
     react-twitter-embed: ^4.0.4
     uuid: ^9.0.1
@@ -5720,8 +5722,8 @@ __metadata:
     "@pushprotocol/socket": ^0.5.0
     axios: ^0.27.2
     react: ">=16.8.0"
-    styled-components: ^5.3.5
-  checksum: 1845fc427cca2ac9cafe92de9c16af4aa6d94312f391032afee8ffc9d6efdfb5c9fa3cfe085eec1d6a20d4d423b461db5537c331ef03f0844d8abd6e90bd5e7a
+    styled-components: ^6.0.8
+  checksum: 328e858f93195462a3e7c6104d8aaef54e70539b1aeca6791179dc3daaf97a7e72f35efbe0b30ba281da8d52ddbb47eda07bef3373e46350fb856c511652d34e
   languageName: node
   linkType: hard