diff --git a/CHANGELOG.md b/CHANGELOG.md
index a5f6f8c216..cc41aa5634 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -45,6 +45,7 @@ Notes: web developers are advised to use [`~` (tilde range)](https://github.com/
 -  Added missing support for chat history scroll with keyboard when Fluent send box is focused, in PR [#5191](https://github.com/microsoft/BotFramework-WebChat/pull/5191), by [@OEvgeny](https://github.com/OEvgeny)
 -  Fixed DTMF command usage sent by telephone keypad, in PR [#5198](https://github.com/microsoft/BotFramework-WebChat/pull/5198), by [@OEvgeny](https://github.com/OEvgeny)
 -  Fixed decorator import in legacy CommonJS environments, in [#5231](https://github.com/microsoft/BotFramework-WebChat/pull/5231), by [@OEvgeny](https://github.com/OEvgeny)
+-  Scoped `use-propagate` to individual WebChat instances to prevent interference between multiple instances, in PR [#5248](https://github.com/microsoft/BotFramework-WebChat/pull/5248), by [@OEvgeny](https://github.com/OEvgeny)
 
 ### Changed
 
diff --git a/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-1-snap.png b/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-1-snap.png
new file mode 100644
index 0000000000..dea7f6676c
Binary files /dev/null and b/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-1-snap.png differ
diff --git a/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-2-snap.png b/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-2-snap.png
new file mode 100644
index 0000000000..71cd8d1369
Binary files /dev/null and b/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-2-snap.png differ
diff --git a/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-3-snap.png b/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-3-snap.png
new file mode 100644
index 0000000000..f9dc1ce643
Binary files /dev/null and b/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-3-snap.png differ
diff --git a/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-4-snap.png b/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-4-snap.png
new file mode 100644
index 0000000000..43cbfca2d6
Binary files /dev/null and b/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-4-snap.png differ
diff --git a/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-5-snap.png b/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-5-snap.png
new file mode 100644
index 0000000000..62ac52ba4a
Binary files /dev/null and b/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-5-snap.png differ
diff --git a/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-6-snap.png b/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-6-snap.png
new file mode 100644
index 0000000000..9423a6a8d2
Binary files /dev/null and b/__tests__/__image_snapshots__/html/focus-back-multiple-js-fluent-theme-applied-with-multiple-web-chat-instances-places-focus-back-6-snap.png differ
diff --git a/__tests__/html/fluentTheme/focusBack.multiple.html b/__tests__/html/fluentTheme/focusBack.multiple.html
new file mode 100644
index 0000000000..18799daef0
--- /dev/null
+++ b/__tests__/html/fluentTheme/focusBack.multiple.html
@@ -0,0 +1,121 @@
+<!doctype html>
+<html lang="en-US">
+  <head>
+    <link href="/assets/index.css" rel="stylesheet" type="text/css" />
+    <script crossorigin="anonymous" src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+    <script crossorigin="anonymous" src="https://unpkg.com/react@16.8.6/umd/react.production.min.js"></script>
+    <script crossorigin="anonymous" src="https://unpkg.com/react-dom@16.8.6/umd/react-dom.production.min.js"></script>
+    <script crossorigin="anonymous" src="/test-harness.js"></script>
+    <script crossorigin="anonymous" src="/test-page-object.js"></script>
+    <script crossorigin="anonymous" src="/__dist__/webchat-es5.js"></script>
+    <script crossorigin="anonymous" src="/__dist__/botframework-webchat-fluent-theme.production.min.js"></script>
+    <style>
+      #webchat {
+        display: flex;
+        width: 720px;
+      }
+      #webchat > * {
+        flex-basis: 50%;
+      }
+    </style>
+  </head>
+  <body>
+    <main id="webchat">
+      <div id="webchat1"></div>
+      <div id="webchat2"></div>
+    </main>
+    <script type="text/babel">
+      run(
+        async function () {
+          const {
+            React,
+            ReactDOM: { render },
+            WebChat: { FluentThemeProvider, ReactWebChat }
+          } = window; // Imports in UMD fashion.
+
+          await host.windowSize(720, 640, document.getElementById('webchat'));
+
+          const createWebChat = (id) => {
+            const { directLine, store } = testHelpers.createDirectLineEmulator();
+            
+            const App = () => (
+              <ReactWebChat directLine={directLine} store={store} styleOptions={{ hideTelephoneKeypadButton: false }} />
+            );
+
+            render(
+              <FluentThemeProvider>
+                <App />
+              </FluentThemeProvider>,
+              document.getElementById(id)
+            );
+
+            return { directLine, store };
+          };
+
+          const webChat1 = createWebChat('webchat1');
+          const webChat2 = createWebChat('webchat2');
+
+          await pageConditions.uiConnected();
+
+          // Test WebChat 1
+          await webChat1.directLine.emulateIncomingActivity(
+            'WebChat 1: Eiusmod anim adipisicing cupidatat adipisicing officia sint qui consequat veniam id aute.'
+          );
+
+          await pageConditions.numActivitiesShown(1);
+
+          document.querySelector(`#webchat1 [data-testid="${WebChat.testIds.sendBoxTextBox}"]`).focus();
+
+          // WHEN: SHIFT-TAB key is pressed on WebChat 1.
+          await host.sendShiftTab();
+
+          // THEN: Should focus on the chat history of WebChat 1.
+          await host.snapshot();
+
+          // WHEN: A key is pressed on WebChat 1.
+          await host.sendKeys('WebChat 1: The quick brown fox jumps over the lazy dog');
+
+          // THEN: Should focus on the SendBox of WebChat 1
+          await host.snapshot();
+
+          await (await webChat1.directLine.actPostActivity(() => host.sendKeys('\n'))).resolveAll();
+
+          // THEN: Should send the activity in WebChat 1.
+          await pageConditions.numActivitiesShown(2);
+          await pageConditions.allOutgoingActivitiesSent();
+          await host.snapshot();
+
+          // Test WebChat 2
+          await webChat2.directLine.emulateIncomingActivity(
+            'WebChat 2: Eiusmod anim adipisicing cupidatat adipisicing officia sint qui consequat veniam id aute.'
+          );
+
+          document.querySelector(`#webchat2 [data-testid="${WebChat.testIds.sendBoxTextBox}"]`).focus();
+
+          // WHEN: SHIFT-TAB key is pressed on WebChat 2.
+          await host.sendShiftTab();
+
+          // THEN: Should focus on the chat history of WebChat 2.
+          await host.snapshot();
+
+          // WHEN: A key is pressed on WebChat 2.
+          await host.sendKeys('WebChat 2: The quick brown fox jumps over the lazy dog');
+
+          // THEN: Should focus on the SendBox of WebChat 2
+          await host.snapshot();
+
+          await (await webChat2.directLine.actPostActivity(() => host.sendKeys('\n'))).resolveAll();
+
+          // THEN: Should send the activity in WebChat 2.
+          await pageConditions.allOutgoingActivitiesSent();
+          await host.snapshot();
+        },
+        // TODO: unskip and try ShadowDOM when we get support
+        { skipCheckAccessibility: true }
+      );
+      // TODO: unskip and try ShadowDOM when we get support
+      // TODO: fix checkAccessibility throws even if skipped
+      window.checkAccessibility = async () => {}
+    </script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/__tests__/html/fluentTheme/focusBack.multiple.js b/__tests__/html/fluentTheme/focusBack.multiple.js
new file mode 100644
index 0000000000..6c5a6fbd49
--- /dev/null
+++ b/__tests__/html/fluentTheme/focusBack.multiple.js
@@ -0,0 +1,5 @@
+/** @jest-environment ./packages/test/harness/src/host/jest/WebDriverEnvironment.js */
+
+describe('Fluent theme applied with multiple WebChat instances', () => {
+  test('places focus back', () => runHTML('fluentTheme/focusBack.multiple'));
+});
diff --git a/packages/component/package-lock.json b/packages/component/package-lock.json
index a9967fa94a..fb3fd289c1 100644
--- a/packages/component/package-lock.json
+++ b/packages/component/package-lock.json
@@ -28,7 +28,7 @@
         "react-scroll-to-bottom": "4.2.0",
         "redux": "5.0.1",
         "simple-update-in": "2.2.0",
-        "use-propagate": "0.1.0",
+        "use-propagate": "^0.2.0-main.fb24772",
         "use-ref-from": "0.1.0",
         "valibot": "0.30.0"
       },
@@ -4834,47 +4834,17 @@
       }
     },
     "node_modules/use-propagate": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/use-propagate/-/use-propagate-0.1.0.tgz",
-      "integrity": "sha512-VkVuUDwLdQzsUKl+ZmK54WHDGmsiXchi/p7ldYJTQF1o7IMFcTy3XnGmiOrG/aMpyWM7QVNwgHA7ZcKNNakZwA==",
+      "version": "0.2.0-main.fb24772",
+      "resolved": "https://registry.npmjs.org/use-propagate/-/use-propagate-0.2.0-main.fb24772.tgz",
+      "integrity": "sha512-VBfG0YXPSL7gtq1uUF11lSYWan5ADcEr63CEmvL6KKX91Zo4YvkWn7LhMkRhzq/z3Vb7WqsGwv2+D0YCNpmw3g==",
       "dependencies": {
-        "@babel/runtime-corejs3": "^7.24.1",
-        "use-propagate": "^0.1.0",
-        "use-ref-from": "^0.0.3"
+        "use-propagate": "^0.2.0-main.fb24772",
+        "use-ref-from": "^0.1.0"
       },
       "peerDependencies": {
         "react": ">=16.8.0"
       }
     },
-    "node_modules/use-propagate/node_modules/@babel/runtime-corejs3": {
-      "version": "7.24.5",
-      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.24.5.tgz",
-      "integrity": "sha512-GWO0mgzNMLWaSYM4z4NVIuY0Cd1fl8cPnuetuddu5w/qGuvt5Y7oUi/kvvQGK9xgOkFJDQX2heIvTRn/OQ1XTg==",
-      "dependencies": {
-        "core-js-pure": "^3.30.2",
-        "regenerator-runtime": "^0.14.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/use-propagate/node_modules/regenerator-runtime": {
-      "version": "0.14.1",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
-    },
-    "node_modules/use-propagate/node_modules/use-ref-from": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/use-ref-from/-/use-ref-from-0.0.3.tgz",
-      "integrity": "sha512-+HY0IesN9DMuD0gnvGP3U2NTWYE+AwdCQnuuihpi5tNeFxQGPEcWH7b8ayvwElYJm6RcHsuo7lnVd+do02ghnQ==",
-      "dependencies": {
-        "@babel/runtime-corejs3": "^7.23.1",
-        "use-ref-from": "^0.0.3"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0"
-      }
-    },
     "node_modules/use-ref-from": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/use-ref-from/-/use-ref-from-0.1.0.tgz",
@@ -8463,38 +8433,12 @@
       }
     },
     "use-propagate": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/use-propagate/-/use-propagate-0.1.0.tgz",
-      "integrity": "sha512-VkVuUDwLdQzsUKl+ZmK54WHDGmsiXchi/p7ldYJTQF1o7IMFcTy3XnGmiOrG/aMpyWM7QVNwgHA7ZcKNNakZwA==",
+      "version": "0.2.0-main.fb24772",
+      "resolved": "https://registry.npmjs.org/use-propagate/-/use-propagate-0.2.0-main.fb24772.tgz",
+      "integrity": "sha512-VBfG0YXPSL7gtq1uUF11lSYWan5ADcEr63CEmvL6KKX91Zo4YvkWn7LhMkRhzq/z3Vb7WqsGwv2+D0YCNpmw3g==",
       "requires": {
-        "@babel/runtime-corejs3": "^7.24.1",
-        "use-propagate": "^0.1.0",
-        "use-ref-from": "^0.0.3"
-      },
-      "dependencies": {
-        "@babel/runtime-corejs3": {
-          "version": "7.24.5",
-          "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.24.5.tgz",
-          "integrity": "sha512-GWO0mgzNMLWaSYM4z4NVIuY0Cd1fl8cPnuetuddu5w/qGuvt5Y7oUi/kvvQGK9xgOkFJDQX2heIvTRn/OQ1XTg==",
-          "requires": {
-            "core-js-pure": "^3.30.2",
-            "regenerator-runtime": "^0.14.0"
-          }
-        },
-        "regenerator-runtime": {
-          "version": "0.14.1",
-          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-          "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
-        },
-        "use-ref-from": {
-          "version": "0.0.3",
-          "resolved": "https://registry.npmjs.org/use-ref-from/-/use-ref-from-0.0.3.tgz",
-          "integrity": "sha512-+HY0IesN9DMuD0gnvGP3U2NTWYE+AwdCQnuuihpi5tNeFxQGPEcWH7b8ayvwElYJm6RcHsuo7lnVd+do02ghnQ==",
-          "requires": {
-            "@babel/runtime-corejs3": "^7.23.1",
-            "use-ref-from": "^0.0.3"
-          }
-        }
+        "use-propagate": "^0.2.0-main.fb24772",
+        "use-ref-from": "^0.1.0"
       }
     },
     "use-ref-from": {
diff --git a/packages/component/package.json b/packages/component/package.json
index 69f518c7ac..67aaa452e9 100644
--- a/packages/component/package.json
+++ b/packages/component/package.json
@@ -150,7 +150,7 @@
     "react-scroll-to-bottom": "4.2.0",
     "redux": "5.0.1",
     "simple-update-in": "2.2.0",
-    "use-propagate": "0.1.0",
+    "use-propagate": "^0.2.0-main.fb24772",
     "use-ref-from": "0.1.0",
     "valibot": "0.30.0"
   },
diff --git a/packages/component/src/Composer.tsx b/packages/component/src/Composer.tsx
index c3c53c24c6..484e1419e9 100644
--- a/packages/component/src/Composer.tsx
+++ b/packages/component/src/Composer.tsx
@@ -50,6 +50,8 @@ import addTargetBlankToHyperlinksMarkdown from './Utils/addTargetBlankToHyperlin
 import createCSSKey from './Utils/createCSSKey';
 import downscaleImageToDataURL from './Utils/downscaleImageToDataURL';
 import mapMap from './Utils/mapMap';
+import { FocusSendBoxScope } from './hooks/sendBoxFocus';
+import { ScrollRelativeTranscriptScope } from './hooks/transcriptScrollRelative';
 
 const { useGetActivityByKey, useReferenceGrammarID, useStyleOptions } = hooks;
 
@@ -72,15 +74,19 @@ const ComposerCoreUI = memo(({ children }: ComposerCoreUIProps) => {
 
   return (
     <div className={classNames('webchat__css-custom-properties', cssCustomProperties)}>
-      <DecoratorComposer>
-        <ModalDialogComposer>
-          {/* When <SendBoxComposer> is finalized, it will be using an independent instance that lives inside <BasicSendBox>. */}
-          <SendBoxComposer>
-            {children}
-            <Dictation onError={dictationOnError} />
-          </SendBoxComposer>
-        </ModalDialogComposer>
-      </DecoratorComposer>
+      <FocusSendBoxScope>
+        <ScrollRelativeTranscriptScope>
+          <DecoratorComposer>
+            <ModalDialogComposer>
+              {/* When <SendBoxComposer> is finalized, it will be using an independent instance that lives inside <BasicSendBox>. */}
+              <SendBoxComposer>
+                {children}
+                <Dictation onError={dictationOnError} />
+              </SendBoxComposer>
+            </ModalDialogComposer>
+          </DecoratorComposer>
+        </ScrollRelativeTranscriptScope>
+      </FocusSendBoxScope>
     </div>
   );
 });
diff --git a/packages/component/src/hooks/sendBoxFocus.ts b/packages/component/src/hooks/sendBoxFocus.ts
index b5c7cbe44d..065097b0e5 100644
--- a/packages/component/src/hooks/sendBoxFocus.ts
+++ b/packages/component/src/hooks/sendBoxFocus.ts
@@ -3,6 +3,10 @@ import { createPropagation } from 'use-propagate';
 
 export type SendBoxFocusOptions = WaitUntilable<{ noKeyboard: boolean }>;
 
-const { useListen: useRegisterFocusSendBox, usePropagate: useFocusSendBox } = createPropagation<SendBoxFocusOptions>();
+const {
+  PropagationScope: FocusSendBoxScope,
+  useListen: useRegisterFocusSendBox,
+  usePropagate: useFocusSendBox
+} = createPropagation<SendBoxFocusOptions>();
 
-export { useRegisterFocusSendBox, useFocusSendBox };
+export { FocusSendBoxScope, useRegisterFocusSendBox, useFocusSendBox };
diff --git a/packages/component/src/hooks/transcriptScrollRelative.ts b/packages/component/src/hooks/transcriptScrollRelative.ts
index ab1680275e..af04a0d1dc 100644
--- a/packages/component/src/hooks/transcriptScrollRelative.ts
+++ b/packages/component/src/hooks/transcriptScrollRelative.ts
@@ -2,7 +2,10 @@ import { createPropagation } from 'use-propagate';
 
 export type TranscriptScrollRelativeOptions = { direction: 'down' | 'up'; displacement?: number };
 
-const { useListen: useRegisterScrollRelativeTranscript, usePropagate: useScrollRelativeTranscript } =
-  createPropagation<TranscriptScrollRelativeOptions>();
+const {
+  PropagationScope: ScrollRelativeTranscriptScope,
+  useListen: useRegisterScrollRelativeTranscript,
+  usePropagate: useScrollRelativeTranscript
+} = createPropagation<TranscriptScrollRelativeOptions>();
 
-export { useRegisterScrollRelativeTranscript, useScrollRelativeTranscript };
+export { ScrollRelativeTranscriptScope, useRegisterScrollRelativeTranscript, useScrollRelativeTranscript };