diff --git a/packages/react-native-sdk/CHANGELOG.md b/packages/react-native-sdk/CHANGELOG.md
index e0b30317c2..0cc074521b 100644
--- a/packages/react-native-sdk/CHANGELOG.md
+++ b/packages/react-native-sdk/CHANGELOG.md
@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.4.22](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.4.21...@stream-io/video-react-native-sdk-1.4.22) (2024-12-19)
+
+
+### Bug Fixes
+
+* **rn-video:** highlightedContainer prop typo ([#1627](https://github.com/GetStream/stream-video-js/issues/1627)) ([56d9137](https://github.com/GetStream/stream-video-js/commit/56d9137514701b9313a6ea9ee8ba2f6ff2f61209))
+
 ## [1.4.21](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.4.20...@stream-io/video-react-native-sdk-1.4.21) (2024-12-17)
 
 ### Dependency Updates
diff --git a/packages/react-native-sdk/package.json b/packages/react-native-sdk/package.json
index 7fb1f37882..1ad2923387 100644
--- a/packages/react-native-sdk/package.json
+++ b/packages/react-native-sdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-native-sdk",
-  "version": "1.4.21",
+  "version": "1.4.22",
   "packageManager": "yarn@3.2.4",
   "main": "dist/commonjs/index.js",
   "module": "dist/module/index.js",
diff --git a/packages/react-native-sdk/src/components/Participant/ParticipantView/ParticipantView.tsx b/packages/react-native-sdk/src/components/Participant/ParticipantView/ParticipantView.tsx
index 491ef4954a..60c0129610 100644
--- a/packages/react-native-sdk/src/components/Participant/ParticipantView/ParticipantView.tsx
+++ b/packages/react-native-sdk/src/components/Participant/ParticipantView/ParticipantView.tsx
@@ -117,9 +117,9 @@ export const ParticipantView = ({
   const isScreenSharing = trackType === 'screenShareTrack';
   const applySpeakerStyle = isSpeaking && !isScreenSharing;
   const speakerStyle = applySpeakerStyle && [
-    styles.highligtedContainer,
+    styles.highlightedContainer,
     { borderColor: colors.buttonPrimary },
-    participantView.highligtedContainer,
+    participantView.highlightedContainer,
   ];
 
   return (
@@ -180,7 +180,7 @@ const useStyles = () => {
           justifyContent: 'space-between',
           alignItems: 'center',
         },
-        highligtedContainer: {
+        highlightedContainer: {
           borderWidth: 2,
         },
         networkIndicatorOnly: { justifyContent: 'flex-end' },
diff --git a/packages/react-native-sdk/src/theme/theme.ts b/packages/react-native-sdk/src/theme/theme.ts
index dc50bdba9f..12703384c7 100644
--- a/packages/react-native-sdk/src/theme/theme.ts
+++ b/packages/react-native-sdk/src/theme/theme.ts
@@ -148,7 +148,7 @@ export type Theme = {
   participantView: {
     container: ViewStyle;
     footerContainer: ViewStyle;
-    highligtedContainer: ViewStyle;
+    highlightedContainer: ViewStyle;
   };
   videoRenderer: {
     container: ViewStyle;
@@ -496,7 +496,7 @@ export const defaultTheme: Theme = {
   participantView: {
     container: {},
     footerContainer: {},
-    highligtedContainer: {},
+    highlightedContainer: {},
   },
   reactionsPicker: {
     reactionsPopup: {},
diff --git a/sample-apps/react-native/dogfood/package.json b/sample-apps/react-native/dogfood/package.json
index 2846abb214..3e7df9e82e 100644
--- a/sample-apps/react-native/dogfood/package.json
+++ b/sample-apps/react-native/dogfood/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-native-dogfood",
-  "version": "4.9.10",
+  "version": "4.9.11",
   "private": true,
   "scripts": {
     "android": "react-native run-android",
diff --git a/sample-apps/react/egress-composite/src/components/layouts/Spotlight/Spotlight.scss b/sample-apps/react/egress-composite/src/components/layouts/Spotlight/Spotlight.scss
index 197cd87ee5..55cf445860 100644
--- a/sample-apps/react/egress-composite/src/components/layouts/Spotlight/Spotlight.scss
+++ b/sample-apps/react/egress-composite/src/components/layouts/Spotlight/Spotlight.scss
@@ -8,5 +8,6 @@
 
   .str-video__participant-view {
     transition: width 0.2s ease-in-out;
+    max-width: unset;
   }
 }
diff --git a/sample-apps/react/egress-composite/src/main.tsx b/sample-apps/react/egress-composite/src/main.tsx
index 165800010c..95a84c3bcf 100644
--- a/sample-apps/react/egress-composite/src/main.tsx
+++ b/sample-apps/react/egress-composite/src/main.tsx
@@ -43,14 +43,16 @@ window.setupLayout = (configuration: ConfigurationValue) => {
 
 // Uncomment and tweak this setup script
 /**
-(() => {
+(async () => {
+  const { apiKey, token } = await fetch(
+    'https://pronto.getstream.io/api/auth/create-token?environment=pronto&user_id=egress',
+  ).then((res) => res.json());
   const v = document.createElement('script');
   v.innerHTML = `window.setupLayout(${JSON.stringify({
-    call_id: 'yb-rec-test',
-    call_type: 'oliver',
-    api_key: 'par8f5s3gn2j',
-    token:
-      'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiZWdyZXNzLXVzZXIiLCJpc3MiOiJodHRwczovL3Byb250by5nZXRzdHJlYW0uaW8iLCJzdWIiOiJ1c2VyL2VncmVzcy11c2VyIiwiaWF0IjoxNzE1NTk1ODMzLCJleHAiOjE3MTYyMDA2Mzh9.vEj47kFkliwqriammHXpypYdedWi8HDON222eOh0LWA',
+    call_id: 'recording-test',
+    call_type: 'default',
+    api_key: apiKey,
+    token,
     layout: 'single-participant',
     screenshare_layout: 'spotlight',
     // ext_css: cssUrl,