diff --git a/.changelog/6050-fix-css-modules-overlays-file.md b/.changelog/6050-fix-css-modules-overlays-file.md
new file mode 100644
index 0000000000..b29f004377
--- /dev/null
+++ b/.changelog/6050-fix-css-modules-overlays-file.md
@@ -0,0 +1,7 @@
+### Changed
+
+- Converted the scroll to end button and the file attachment to CSS Modules with `webchat__` class names and their style options to custom properties, in PR [#6050](https://github.com/microsoft/BotFramework-WebChat/pull/6050), by [@OEvgeny](https://github.com/OEvgeny)
+
+### Removed
+
+- 💥 Deprecated the `fileContent` and `scrollToEndButton` style set entries, which no longer affect rendering, and removed the `webchat__fileContent__downloadIcon--rtl` class, in PR [#6050](https://github.com/microsoft/BotFramework-WebChat/pull/6050), by [@OEvgeny](https://github.com/OEvgeny)
diff --git a/__tests__/html2/attachment/file.noName.fluent.html.snap-1.png b/__tests__/html2/attachment/file.noName.fluent.html.snap-1.png
index 3c9d3fbe55..22c2e848d6 100644
Binary files a/__tests__/html2/attachment/file.noName.fluent.html.snap-1.png and b/__tests__/html2/attachment/file.noName.fluent.html.snap-1.png differ
diff --git a/__tests__/html2/rtl/fileContent.html b/__tests__/html2/rtl/fileContent.html
new file mode 100644
index 0000000000..f049771824
--- /dev/null
+++ b/__tests__/html2/rtl/fileContent.html
@@ -0,0 +1,60 @@
+<!doctype html>
+<html lang="en-US">
+  <head>
+    <link href="/assets/index.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <main id="webchat"></main>
+    <script type="importmap">
+      {
+        "imports": {
+          "botframework-webchat": "/__dist__/packages/bundle/static/botframework-webchat.js",
+          "react": "/__dist__/packages/bundle/static/react.js",
+          "react-dom": "/__dist__/packages/bundle/static/react-dom.js"
+        }
+      }
+    </script>
+    <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
+      import { createStoreWithOptions, renderWebChat } from 'botframework-webchat';
+
+      // TODO: This is for `createDirectLineEmulator` only, should find ways to eliminate this line.
+      window.WebChat = { createStoreWithOptions };
+
+      run(async function () {
+        const { directLine, store } = testHelpers.createDirectLineEmulator();
+
+        // GIVEN: Web Chat in Hebrew (right-to-left) on a left-to-right page.
+        renderWebChat(
+          { directLine, locale: 'he-IL', store, styleOptions: { hideSendBox: true } },
+          document.getElementById('webchat')
+        );
+
+        await pageConditions.uiConnected();
+
+        // WHEN: The bot sends a downloadable file with a long name and its size.
+        await directLine.emulateIncomingActivity({
+          attachments: [
+            {
+              contentType: 'application/pdf',
+              contentUrl: 'https://example.com/report.pdf',
+              name: 'דוח-רבעוני-מפורט-של-מחלקת-הכספים-לשנת-2026-כולל-נספחים.pdf' // Long, to show the margin next to the icon.
+            }
+          ],
+          channelData: { attachmentSizes: [12345] },
+          from: { role: 'bot' },
+          type: 'message'
+        });
+
+        await pageConditions.numActivitiesShown(1);
+
+        expect(document.querySelector('.webchat__fileContent').matches(':dir(rtl)')).toBe(true);
+
+        // THEN: The file name and size are on the right, the download icon on the left, 10 pixels away from the file name.
+        await host.snapshot('local');
+      });
+    </script>
+  </body>
+</html>
diff --git a/__tests__/html2/rtl/fileContent.html.snap-1.png b/__tests__/html2/rtl/fileContent.html.snap-1.png
new file mode 100644
index 0000000000..873ad7d681
Binary files /dev/null and b/__tests__/html2/rtl/fileContent.html.snap-1.png differ
diff --git a/__tests__/html2/scrollToEndButton/forcedColors.html b/__tests__/html2/scrollToEndButton/forcedColors.html
new file mode 100644
index 0000000000..ef8eb8fe2b
--- /dev/null
+++ b/__tests__/html2/scrollToEndButton/forcedColors.html
@@ -0,0 +1,73 @@
+<!doctype html>
+<html lang="en-US">
+  <head>
+    <link href="/assets/index.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <main id="webchat"></main>
+    <script type="importmap">
+      {
+        "imports": {
+          "botframework-webchat": "/__dist__/packages/bundle/static/botframework-webchat.js",
+          "react": "/__dist__/packages/bundle/static/react.js",
+          "react-dom": "/__dist__/packages/bundle/static/react-dom.js"
+        }
+      }
+    </script>
+    <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
+      import { createStoreWithOptions, renderWebChat } from 'botframework-webchat';
+
+      // TODO: This is for `createDirectLineEmulator` only, should find ways to eliminate this line.
+      window.WebChat = { createStoreWithOptions };
+
+      run(async function () {
+        // GIVEN: A high contrast theme is active before Web Chat renders.
+        await host.sendDevToolsCommand('Emulation.setEmulatedMedia', {
+          features: [{ name: 'forced-colors', value: 'active' }]
+        });
+
+        expect(window.matchMedia('(forced-colors: active)').matches).toBe(true);
+
+        const { directLine, store } = testHelpers.createDirectLineEmulator();
+
+        renderWebChat(
+          {
+            directLine,
+            store,
+            styleOptions: {
+              hideSendBox: true,
+              scrollToEndButtonBehavior: 'any' // Shows the button whenever the transcript is not at the end.
+            }
+          },
+          document.getElementById('webchat')
+        );
+
+        await pageConditions.uiConnected();
+
+        // GIVEN: Enough messages to scroll the transcript.
+        for (let index = 1; index <= 20; index++) {
+          // eslint-disable-next-line no-await-in-loop
+          await directLine.emulateIncomingActivity({
+            from: { role: 'bot' },
+            text: `Message ${index}`,
+            type: 'message'
+          });
+        }
+
+        await pageConditions.numActivitiesShown(20);
+        await pageConditions.scrollToBottomCompleted();
+
+        // WHEN: The user scrolls to the top.
+        await pageObjects.scrollToTop();
+        await pageConditions.scrollToEndButtonShown();
+        await pageConditions.scrollStabilized(0);
+
+        // THEN: The "More messages" button has an outset border in the system button text color.
+        await host.snapshot('local');
+      });
+    </script>
+  </body>
+</html>
diff --git a/__tests__/html2/scrollToEndButton/forcedColors.html.snap-1.png b/__tests__/html2/scrollToEndButton/forcedColors.html.snap-1.png
new file mode 100644
index 0000000000..cd89f62b34
Binary files /dev/null and b/__tests__/html2/scrollToEndButton/forcedColors.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-1.png b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-1.png
index 928b9dd186..d652f051a9 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-1.png and b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-2.png b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-2.png
index cd2d0c9765..3f07f366b2 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-2.png and b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-3.png b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-3.png
index c2db5880e1..1619bff654 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-3.png and b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-4.png b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-4.png
index e9c3b0bba1..1c8989fa03 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-4.png and b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-5.png b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-5.png
index 4332a654ef..0a26efabd4 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-5.png and b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.dark.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-1.png b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-1.png
index d5fc442a7a..c3523f13a4 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-1.png and b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-2.png b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-2.png
index c35a8e3164..ca67928fab 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-2.png and b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-3.png b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-3.png
index 1bd999b776..967adfe605 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-3.png and b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-4.png b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-4.png
index 173316dd95..96fed6ff55 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-4.png and b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-5.png b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-5.png
index 18da55bc0a..3aae66d75c 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-5.png and b/__tests__/html2/side-by-side/codeblock-dark.custom-variant.navigation.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-1.png b/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-1.png
index 613f6f08ef..bd081fb9d8 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-1.png and b/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-2.png b/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-2.png
index 938824d571..b75bd1ef24 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-2.png and b/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-3.png b/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-3.png
index e1df1a7c9f..54b068911d 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-3.png and b/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-4.png b/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-4.png
index 426c85ffe0..4303afaf96 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-4.png and b/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-5.png b/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-5.png
index a8d7bcfe7a..ab4ba6abf2 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-5.png and b/__tests__/html2/side-by-side/codeblock-dark.navigation.dark.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-1.png b/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-1.png
index ffdc37a282..247684f3b7 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-1.png and b/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-2.png b/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-2.png
index 817b8dafec..4571368653 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-2.png and b/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-3.png b/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-3.png
index f91058735c..2fb5b096cc 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-3.png and b/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-4.png b/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-4.png
index b86fa03cda..0524cfbac8 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-4.png and b/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-5.png b/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-5.png
index 0cafc05674..fd62b4b6b5 100644
Binary files a/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-5.png and b/__tests__/html2/side-by-side/codeblock-dark.navigation.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-1.png b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-1.png
index 026b6d0cf1..0f820cea4c 100644
Binary files a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-1.png and b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-2.png b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-2.png
index 9f9a995a15..bc60f34fcd 100644
Binary files a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-2.png and b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-3.png b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-3.png
index 1caad4d267..08c8fb073a 100644
Binary files a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-3.png and b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-4.png b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-4.png
index b4ee6204c1..3db46013dc 100644
Binary files a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-4.png and b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-5.png b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-5.png
index 5030fc710e..d79dcdbca4 100644
Binary files a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-5.png and b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.dark.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-1.png b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-1.png
index 7428feddeb..b6636c9886 100644
Binary files a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-1.png and b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-2.png b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-2.png
index 298a5972a1..cc06814456 100644
Binary files a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-2.png and b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-3.png b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-3.png
index 4d477cca52..9f7129268c 100644
Binary files a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-3.png and b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-4.png b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-4.png
index c6455fe097..aece774aba 100644
Binary files a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-4.png and b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-5.png b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-5.png
index cfd5b25f16..63876c34b4 100644
Binary files a/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-5.png and b/__tests__/html2/side-by-side/codeblock.custom-variant.navigation.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-1.png b/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-1.png
index 490ef6c42b..9fdb32090b 100644
Binary files a/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-1.png and b/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-2.png b/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-2.png
index e4e959cf36..fe87540502 100644
Binary files a/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-2.png and b/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-3.png b/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-3.png
index ffe2d549d0..67069466b0 100644
Binary files a/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-3.png and b/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-4.png b/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-4.png
index 731af4c27d..615e4f914b 100644
Binary files a/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-4.png and b/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-5.png b/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-5.png
index 033565dcc2..9900b84436 100644
Binary files a/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-5.png and b/__tests__/html2/side-by-side/codeblock.navigation.dark.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.navigation.html.snap-1.png b/__tests__/html2/side-by-side/codeblock.navigation.html.snap-1.png
index ba28308820..80aea9091d 100644
Binary files a/__tests__/html2/side-by-side/codeblock.navigation.html.snap-1.png and b/__tests__/html2/side-by-side/codeblock.navigation.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.navigation.html.snap-2.png b/__tests__/html2/side-by-side/codeblock.navigation.html.snap-2.png
index b6191de92f..0d099a681a 100644
Binary files a/__tests__/html2/side-by-side/codeblock.navigation.html.snap-2.png and b/__tests__/html2/side-by-side/codeblock.navigation.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.navigation.html.snap-3.png b/__tests__/html2/side-by-side/codeblock.navigation.html.snap-3.png
index 7f2e88fd89..1228d77583 100644
Binary files a/__tests__/html2/side-by-side/codeblock.navigation.html.snap-3.png and b/__tests__/html2/side-by-side/codeblock.navigation.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.navigation.html.snap-4.png b/__tests__/html2/side-by-side/codeblock.navigation.html.snap-4.png
index 526cb0d1d3..aa648ae868 100644
Binary files a/__tests__/html2/side-by-side/codeblock.navigation.html.snap-4.png and b/__tests__/html2/side-by-side/codeblock.navigation.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/codeblock.navigation.html.snap-5.png b/__tests__/html2/side-by-side/codeblock.navigation.html.snap-5.png
index ac8a32b8c6..c52bbeed74 100644
Binary files a/__tests__/html2/side-by-side/codeblock.navigation.html.snap-5.png and b/__tests__/html2/side-by-side/codeblock.navigation.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-1.png b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-1.png
index a007e627db..b52a6832ef 100644
Binary files a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-1.png and b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-2.png b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-2.png
index 952bbf2cbe..3765ea8af3 100644
Binary files a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-2.png and b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-3.png b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-3.png
index 5ba54f8398..c816329a99 100644
Binary files a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-3.png and b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-4.png b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-4.png
index 24374465d2..46c68262a9 100644
Binary files a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-4.png and b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-5.png b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-5.png
index e7f599c3fb..459ea0a57b 100644
Binary files a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-5.png and b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-6.png b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-6.png
index 0f6c6804bc..cb144c05e2 100644
Binary files a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-6.png and b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-6.png differ
diff --git a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-7.png b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-7.png
index bbe2abb76a..124282aadc 100644
Binary files a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-7.png and b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.dark.html.snap-7.png differ
diff --git a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-1.png b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-1.png
index bbe4ff489a..8e8349bdef 100644
Binary files a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-1.png and b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-2.png b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-2.png
index 8aeb26fd04..b1774a217b 100644
Binary files a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-2.png and b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-3.png b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-3.png
index 287550ff92..b29ad9e099 100644
Binary files a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-3.png and b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-4.png b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-4.png
index 587cd2d5c5..33df807096 100644
Binary files a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-4.png and b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-5.png b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-5.png
index 5896affd93..4443bb55e4 100644
Binary files a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-5.png and b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-6.png b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-6.png
index a5bdb91e5b..1d0745f51d 100644
Binary files a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-6.png and b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-6.png differ
diff --git a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-7.png b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-7.png
index 6a7d7b8e2b..e15510788e 100644
Binary files a/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-7.png and b/__tests__/html2/side-by-side/feedback.custom-variant.navigation.html.snap-7.png differ
diff --git a/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-1.png b/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-1.png
index f7d4a3f3f1..80563ad5cf 100644
Binary files a/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-1.png and b/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-2.png b/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-2.png
index 9a1c6619ab..cc6694e988 100644
Binary files a/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-2.png and b/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-3.png b/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-3.png
index 28d8a08b88..23773fecfb 100644
Binary files a/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-3.png and b/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-4.png b/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-4.png
index ca36006eab..12b0b1459e 100644
Binary files a/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-4.png and b/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-5.png b/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-5.png
index f69608ee83..9a888b411f 100644
Binary files a/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-5.png and b/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-6.png b/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-6.png
index d9ea14a5c0..3f06457026 100644
Binary files a/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-6.png and b/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-6.png differ
diff --git a/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-7.png b/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-7.png
index 012133031d..743fbf06ec 100644
Binary files a/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-7.png and b/__tests__/html2/side-by-side/feedback.navigation.dark.html.snap-7.png differ
diff --git a/__tests__/html2/side-by-side/feedback.navigation.html.snap-1.png b/__tests__/html2/side-by-side/feedback.navigation.html.snap-1.png
index 6c9de71efe..658d818dd7 100644
Binary files a/__tests__/html2/side-by-side/feedback.navigation.html.snap-1.png and b/__tests__/html2/side-by-side/feedback.navigation.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/feedback.navigation.html.snap-2.png b/__tests__/html2/side-by-side/feedback.navigation.html.snap-2.png
index aa3fdd2d87..6ea47d0f27 100644
Binary files a/__tests__/html2/side-by-side/feedback.navigation.html.snap-2.png and b/__tests__/html2/side-by-side/feedback.navigation.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/feedback.navigation.html.snap-3.png b/__tests__/html2/side-by-side/feedback.navigation.html.snap-3.png
index f29ccece7e..d523ca4a61 100644
Binary files a/__tests__/html2/side-by-side/feedback.navigation.html.snap-3.png and b/__tests__/html2/side-by-side/feedback.navigation.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/feedback.navigation.html.snap-4.png b/__tests__/html2/side-by-side/feedback.navigation.html.snap-4.png
index d0a6a3a60f..c706d9aac1 100644
Binary files a/__tests__/html2/side-by-side/feedback.navigation.html.snap-4.png and b/__tests__/html2/side-by-side/feedback.navigation.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/feedback.navigation.html.snap-5.png b/__tests__/html2/side-by-side/feedback.navigation.html.snap-5.png
index 6591d3dc9e..80fa0b17ab 100644
Binary files a/__tests__/html2/side-by-side/feedback.navigation.html.snap-5.png and b/__tests__/html2/side-by-side/feedback.navigation.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/feedback.navigation.html.snap-6.png b/__tests__/html2/side-by-side/feedback.navigation.html.snap-6.png
index 5973571a4a..cb0f10dcd2 100644
Binary files a/__tests__/html2/side-by-side/feedback.navigation.html.snap-6.png and b/__tests__/html2/side-by-side/feedback.navigation.html.snap-6.png differ
diff --git a/__tests__/html2/side-by-side/feedback.navigation.html.snap-7.png b/__tests__/html2/side-by-side/feedback.navigation.html.snap-7.png
index c61965e7b4..103e9ee1ac 100644
Binary files a/__tests__/html2/side-by-side/feedback.navigation.html.snap-7.png and b/__tests__/html2/side-by-side/feedback.navigation.html.snap-7.png differ
diff --git a/__tests__/html2/side-by-side/fluent.dark.html.snap-1.png b/__tests__/html2/side-by-side/fluent.dark.html.snap-1.png
index 56f8cd36fa..69fbe436ef 100644
Binary files a/__tests__/html2/side-by-side/fluent.dark.html.snap-1.png and b/__tests__/html2/side-by-side/fluent.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/fluent.html.snap-1.png b/__tests__/html2/side-by-side/fluent.html.snap-1.png
index 26a1acb2fd..69d6eb5aed 100644
Binary files a/__tests__/html2/side-by-side/fluent.html.snap-1.png and b/__tests__/html2/side-by-side/fluent.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/index.html.snap-1.png b/__tests__/html2/side-by-side/index.html.snap-1.png
index ca4df6f8f3..9904a1b22d 100644
Binary files a/__tests__/html2/side-by-side/index.html.snap-1.png and b/__tests__/html2/side-by-side/index.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-1.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-1.png
index 42ac1d7c9a..4c3b4e46b9 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-1.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-2.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-2.png
index b90827557d..d666fca706 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-2.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-3.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-3.png
index 7c13c2646a..ee247424ff 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-3.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-4.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-4.png
index 8129de7e23..e7108c42b3 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-4.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-5.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-5.png
index 579c81516c..491433e24b 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-5.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-6.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-6.png
index 1324c71cec..678731c645 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-6.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-6.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-7.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-7.png
index 579c81516c..491433e24b 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-7.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-7.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-8.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-8.png
index 10e9441650..23dfe5e1f7 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-8.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-8.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-9.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-9.png
index f49a8d1711..7d083148f8 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-9.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.dark.html.snap-9.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-1.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-1.png
index 6c9675c86b..654b9c7bb0 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-1.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-2.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-2.png
index 4de06f1fb9..786039302a 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-2.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-3.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-3.png
index f3da2f958f..d634d3320c 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-3.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-4.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-4.png
index c346fc6d0b..b088c5a5f3 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-4.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-5.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-5.png
index 39f0cefd76..94b2807c83 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-5.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-6.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-6.png
index f2496614e5..1d6ed91143 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-6.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-6.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-7.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-7.png
index 39f0cefd76..94b2807c83 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-7.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-7.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-8.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-8.png
index 7c05b2eb1d..1ac0d8f5fe 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-8.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-8.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-9.png b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-9.png
index 84e351e8e2..742bc52dac 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-9.png and b/__tests__/html2/side-by-side/pre-chat.custom-variant.navigation.html.snap-9.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-1.png b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-1.png
index abad8cd11f..728a8a8f35 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-1.png and b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-2.png b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-2.png
index 9e38af7297..f3714b6246 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-2.png and b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-3.png b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-3.png
index e257e95352..a7d4a996b6 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-3.png and b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-4.png b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-4.png
index 7068be2121..b98ea4d97b 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-4.png and b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-5.png b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-5.png
index 05ed17a474..0352776af3 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-5.png and b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-6.png b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-6.png
index 64e1a927eb..d8f6d7055f 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-6.png and b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-6.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-7.png b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-7.png
index 05ed17a474..0352776af3 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-7.png and b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-7.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-8.png b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-8.png
index 5e8dc4ef1f..be917d26f2 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-8.png and b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-8.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-9.png b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-9.png
index b2cd72ee89..215036c6bb 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-9.png and b/__tests__/html2/side-by-side/pre-chat.navigation.dark.html.snap-9.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-1.png b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-1.png
index ca4df6f8f3..1e2dd32102 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-1.png and b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-2.png b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-2.png
index cc8442db6a..8bd74e2991 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-2.png and b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-3.png b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-3.png
index 32fb4fe483..cc53f3ca9b 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-3.png and b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-4.png b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-4.png
index 2b43875f5c..95c59414fa 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-4.png and b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-5.png b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-5.png
index 605642b581..939a0777f0 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-5.png and b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-6.png b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-6.png
index 4c1c451c3a..c00f62a109 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-6.png and b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-6.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-7.png b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-7.png
index 605642b581..939a0777f0 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-7.png and b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-7.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-8.png b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-8.png
index 8fa815f97c..c0207b39c3 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-8.png and b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-8.png differ
diff --git a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-9.png b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-9.png
index c57b8b92ac..197095584a 100644
Binary files a/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-9.png and b/__tests__/html2/side-by-side/pre-chat.navigation.html.snap-9.png differ
diff --git a/__tests__/html2/side-by-side/pre-liner.custom-variant.dark.html.snap-1.png b/__tests__/html2/side-by-side/pre-liner.custom-variant.dark.html.snap-1.png
index 03d62b0fc3..a2ffb69031 100644
Binary files a/__tests__/html2/side-by-side/pre-liner.custom-variant.dark.html.snap-1.png and b/__tests__/html2/side-by-side/pre-liner.custom-variant.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/pre-liner.custom-variant.html.snap-1.png b/__tests__/html2/side-by-side/pre-liner.custom-variant.html.snap-1.png
index 7dafc1f4fe..9dd21ef7f5 100644
Binary files a/__tests__/html2/side-by-side/pre-liner.custom-variant.html.snap-1.png and b/__tests__/html2/side-by-side/pre-liner.custom-variant.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/pre-liner.dark.html.snap-1.png b/__tests__/html2/side-by-side/pre-liner.dark.html.snap-1.png
index 7621cdca65..c85668d3d6 100644
Binary files a/__tests__/html2/side-by-side/pre-liner.dark.html.snap-1.png and b/__tests__/html2/side-by-side/pre-liner.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/pre-liner.html.snap-1.png b/__tests__/html2/side-by-side/pre-liner.html.snap-1.png
index accb4ed169..a7479f491c 100644
Binary files a/__tests__/html2/side-by-side/pre-liner.html.snap-1.png and b/__tests__/html2/side-by-side/pre-liner.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/streaming.custom-variant.dark.html.snap-1.png b/__tests__/html2/side-by-side/streaming.custom-variant.dark.html.snap-1.png
index 8aea067def..6c4347c02c 100644
Binary files a/__tests__/html2/side-by-side/streaming.custom-variant.dark.html.snap-1.png and b/__tests__/html2/side-by-side/streaming.custom-variant.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/streaming.custom-variant.html.snap-1.png b/__tests__/html2/side-by-side/streaming.custom-variant.html.snap-1.png
index c0645ec2b7..f131aab7f4 100644
Binary files a/__tests__/html2/side-by-side/streaming.custom-variant.html.snap-1.png and b/__tests__/html2/side-by-side/streaming.custom-variant.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/streaming.dark.html.snap-1.png b/__tests__/html2/side-by-side/streaming.dark.html.snap-1.png
index b0bdbf3451..829ff12298 100644
Binary files a/__tests__/html2/side-by-side/streaming.dark.html.snap-1.png and b/__tests__/html2/side-by-side/streaming.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/streaming.html.snap-1.png b/__tests__/html2/side-by-side/streaming.html.snap-1.png
index 63f3eb7cf1..b8c66cae83 100644
Binary files a/__tests__/html2/side-by-side/streaming.html.snap-1.png and b/__tests__/html2/side-by-side/streaming.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-1.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-1.png
index c788c4050d..cc3dc76330 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-1.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-10.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-10.png
index fd0321a1bc..507aa56f16 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-10.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-10.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-11.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-11.png
index 74ddbfa76c..92f6c85dc2 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-11.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-11.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-12.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-12.png
index 69c60f0579..8ff6c6b02a 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-12.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-12.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-13.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-13.png
index 9d6db6e3d7..3cbf118306 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-13.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-13.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-14.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-14.png
index 1fbe424930..43fd926b9e 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-14.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-14.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-15.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-15.png
index 3273ce15b4..221528fcd5 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-15.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-15.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-16.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-16.png
index d168f67fc5..722fde29b3 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-16.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-16.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-17.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-17.png
index d2340e966c..0bf0637c45 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-17.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-17.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-2.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-2.png
index 4e4bcd609c..54898c36d5 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-2.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-3.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-3.png
index 9805f18c41..acb476183a 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-3.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-4.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-4.png
index eb415b77ab..8e30c115b5 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-4.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-5.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-5.png
index acd13baf7c..44ce301b01 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-5.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-6.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-6.png
index ddff6267c1..5a41328485 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-6.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-6.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-7.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-7.png
index f77aea858f..330a7545a8 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-7.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-7.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-8.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-8.png
index 21c472825a..0a7ad22277 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-8.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-8.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-9.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-9.png
index 6fcfabe6a5..3acc67ee4a 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-9.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.dark.html.snap-9.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-1.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-1.png
index 16fdd89b1c..d79d072c10 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-1.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-10.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-10.png
index d3d6a7bd29..aa56313251 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-10.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-10.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-11.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-11.png
index cb74eb7978..61881d1a23 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-11.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-11.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-12.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-12.png
index 9415974b20..44d641eaa2 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-12.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-12.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-13.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-13.png
index e320934558..48782aef30 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-13.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-13.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-14.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-14.png
index 250283b77b..709b7cd602 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-14.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-14.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-15.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-15.png
index 92e1898ef5..798033534a 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-15.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-15.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-16.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-16.png
index 26a5ef7602..2b04bd4e6c 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-16.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-16.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-17.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-17.png
index 20fcd0d6a8..c29e1a7e73 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-17.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-17.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-2.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-2.png
index 0bacd88611..6d1da93a8e 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-2.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-3.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-3.png
index 4475f41a41..16c2ba1da5 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-3.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-4.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-4.png
index 4d54eed310..95e28f6b46 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-4.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-5.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-5.png
index de51f20dfe..ba6019917b 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-5.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-6.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-6.png
index de50abc3b8..cc5665962e 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-6.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-6.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-7.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-7.png
index a714b86a88..ce5796b8fc 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-7.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-7.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-8.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-8.png
index 0c85164f38..0f10d3a293 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-8.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-8.png differ
diff --git a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-9.png b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-9.png
index 972c1130a4..d650b57722 100644
Binary files a/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-9.png and b/__tests__/html2/side-by-side/transcript.custom-variant.navigation.html.snap-9.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-1.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-1.png
index 0f01b6956a..b8a95dce9e 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-1.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-10.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-10.png
index 403380a2fa..eac2be2be1 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-10.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-10.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-11.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-11.png
index f3be459952..00c6d9c593 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-11.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-11.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-12.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-12.png
index e85ee9ce0c..c2bbcc7818 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-12.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-12.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-13.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-13.png
index 3f4b402a1a..0405ce6113 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-13.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-13.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-14.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-14.png
index 876e56e2c4..993609e14f 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-14.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-14.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-15.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-15.png
index 51b1cb2cf3..f30bb0b0c7 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-15.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-15.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-16.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-16.png
index 3e0ece7ee6..6bab28c431 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-16.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-16.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-17.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-17.png
index 51f97befc3..fe6ca70bff 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-17.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-17.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-2.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-2.png
index 927b7d4ec9..e209d2352b 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-2.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-3.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-3.png
index 19159bd8ad..09fabbf164 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-3.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-4.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-4.png
index 8ae21efd72..b0e2a60185 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-4.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-5.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-5.png
index fb91d9ac87..adfe10708b 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-5.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-6.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-6.png
index ab842851d3..489810de63 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-6.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-6.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-7.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-7.png
index edeb5f4e11..9f910a79be 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-7.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-7.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-8.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-8.png
index 9f55f294c2..c2f1b64a36 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-8.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-8.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-9.png b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-9.png
index 37ce49a269..e4aa8ebabe 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-9.png and b/__tests__/html2/side-by-side/transcript.navigation.dark.html.snap-9.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-1.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-1.png
index 13b5d76380..c13bf6b0da 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-1.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-2.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-2.png
index 590d0d610c..3080bf86ff 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-2.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-3.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-3.png
index 75cefc099d..c18eff497f 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-3.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-4.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-4.png
index 6e522486ec..1bc7ad100c 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-4.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-5.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-5.png
index 36fade62f5..cb66d2be6c 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-5.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-6.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-6.png
index 140c034327..c805473cac 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-6.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-6.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-7.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-7.png
index 4f725044b1..2068d52993 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-7.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-7.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-8.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-8.png
index 2b061bbf65..5e92b029f2 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-8.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-8.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-9.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-9.png
index 5192ae55b8..a6933cec08 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-9.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.dark.html.snap-9.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-1.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-1.png
index 15b1f427b5..7bb8eee09a 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-1.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-2.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-2.png
index 20eaa01540..9e910d04dc 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-2.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-3.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-3.png
index f4c923de13..8cf3f71838 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-3.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-4.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-4.png
index 4b6aa3282e..134388e810 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-4.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-5.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-5.png
index 39fa65e97b..0b51a02ef5 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-5.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-6.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-6.png
index ec2766f0a2..8a829c046f 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-6.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-6.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-7.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-7.png
index 83ec525b03..34f5539d26 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-7.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-7.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-8.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-8.png
index 3a20a50454..0157e70c3c 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-8.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-8.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-9.png b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-9.png
index 4f3dd04ea8..3f587acb7d 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-9.png and b/__tests__/html2/side-by-side/transcript.navigation.fluent.html.snap-9.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-1.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-1.png
index c6a222caad..f2566319f3 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-1.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-1.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-10.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-10.png
index d441cefa67..57c6027190 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-10.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-10.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-11.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-11.png
index 4784bcb669..c7dc9fac3e 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-11.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-11.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-12.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-12.png
index 13ec091a6c..6d33a96b43 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-12.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-12.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-13.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-13.png
index 4a56dcf780..2ee98e0a71 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-13.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-13.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-14.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-14.png
index f2d2829e72..66db10258e 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-14.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-14.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-15.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-15.png
index 8aa42b1d51..31ec2158fa 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-15.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-15.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-16.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-16.png
index e83b922a3b..50a86d95d2 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-16.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-16.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-17.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-17.png
index 5448744292..0503cda658 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-17.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-17.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-2.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-2.png
index 3000afba97..7db90dd588 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-2.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-2.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-3.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-3.png
index 2412525a14..095a344671 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-3.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-3.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-4.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-4.png
index 32f83b986f..a7a585e430 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-4.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-4.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-5.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-5.png
index 67e0c4cc18..7f2ee046a7 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-5.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-5.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-6.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-6.png
index 30da2e6f37..ebb07b2a88 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-6.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-6.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-7.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-7.png
index 7268109081..7253cafaee 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-7.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-7.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-8.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-8.png
index cddac4df9c..d28419f6fc 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-8.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-8.png differ
diff --git a/__tests__/html2/side-by-side/transcript.navigation.html.snap-9.png b/__tests__/html2/side-by-side/transcript.navigation.html.snap-9.png
index bff7b77671..062e488184 100644
Binary files a/__tests__/html2/side-by-side/transcript.navigation.html.snap-9.png and b/__tests__/html2/side-by-side/transcript.navigation.html.snap-9.png differ
diff --git a/__tests__/html2/styleOptions/fileContent.html b/__tests__/html2/styleOptions/fileContent.html
new file mode 100644
index 0000000000..3ccd10cc87
--- /dev/null
+++ b/__tests__/html2/styleOptions/fileContent.html
@@ -0,0 +1,81 @@
+<!doctype html>
+<html lang="en-US">
+  <head>
+    <link href="/assets/index.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <main id="webchat"></main>
+    <script type="importmap">
+      {
+        "imports": {
+          "@testduet/wait-for": "https://esm.sh/@testduet/wait-for",
+          "botframework-webchat": "/__dist__/packages/bundle/static/botframework-webchat.js",
+          "react": "/__dist__/packages/bundle/static/react.js",
+          "react-dom": "/__dist__/packages/bundle/static/react-dom.js"
+        }
+      }
+    </script>
+    <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
+      import { waitFor } from '@testduet/wait-for';
+      import { createStoreWithOptions, renderWebChat } from 'botframework-webchat';
+
+      // TODO: This is for `createDirectLineEmulator` only, should find ways to eliminate this line.
+      window.WebChat = { createStoreWithOptions };
+
+      run(async function () {
+        const { directLine, store } = testHelpers.createDirectLineEmulator();
+
+        // GIVEN: Every style option of the file attachment set to a value other than its default.
+        renderWebChat(
+          {
+            directLine,
+            store,
+            styleOptions: {
+              accent: 'Green',
+              bubbleTextColor: 'Purple',
+              hideSendBox: true,
+              paddingRegular: 20, // Numbers are in pixels.
+              primaryFont: 'serif'
+            }
+          },
+          document.getElementById('webchat')
+        );
+
+        await pageConditions.uiConnected();
+
+        // WHEN: The bot sends a downloadable file with a long name and its size, and a file without a URL.
+        await directLine.emulateIncomingActivity({
+          attachments: [
+            {
+              contentType: 'application/pdf',
+              contentUrl: 'https://example.com/report.pdf',
+              name: 'quarterly-report-with-every-appendix-and-the-detailed-tables.pdf' // Long, to show the margin next to the icon.
+            },
+            { contentType: 'application/octet-stream', name: 'notes.bin' } // No URL: not downloadable.
+          ],
+          channelData: { attachmentSizes: [12345, 678] },
+          from: { role: 'bot' },
+          type: 'message'
+        });
+
+        await pageConditions.numActivitiesShown(1);
+
+        // THEN: Green file names and download icon, purple sizes, a serif font, 20 pixels of padding and of margin before the icon.
+        await host.snapshot('local');
+
+        // WHEN: The download link is focused.
+        document.querySelector('.webchat__fileContent__buttonLink').focus();
+
+        await waitFor(() =>
+          expect(document.activeElement).toBe(document.querySelector('.webchat__fileContent__buttonLink'))
+        );
+
+        // THEN: The download link has a light gray background.
+        await host.snapshot('local');
+      });
+    </script>
+  </body>
+</html>
diff --git a/__tests__/html2/styleOptions/fileContent.html.snap-1.png b/__tests__/html2/styleOptions/fileContent.html.snap-1.png
new file mode 100644
index 0000000000..96fa514523
Binary files /dev/null and b/__tests__/html2/styleOptions/fileContent.html.snap-1.png differ
diff --git a/__tests__/html2/styleOptions/fileContent.html.snap-2.png b/__tests__/html2/styleOptions/fileContent.html.snap-2.png
new file mode 100644
index 0000000000..f9d83ec796
Binary files /dev/null and b/__tests__/html2/styleOptions/fileContent.html.snap-2.png differ
diff --git a/__tests__/html2/styleOptions/transcriptOverlayButton.html b/__tests__/html2/styleOptions/transcriptOverlayButton.html
new file mode 100644
index 0000000000..fb90276ba5
--- /dev/null
+++ b/__tests__/html2/styleOptions/transcriptOverlayButton.html
@@ -0,0 +1,102 @@
+<!doctype html>
+<html lang="en-US">
+  <head>
+    <link href="/assets/index.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <main id="webchat"></main>
+    <script type="importmap">
+      {
+        "imports": {
+          "@testduet/wait-for": "https://esm.sh/@testduet/wait-for",
+          "botframework-webchat": "/__dist__/packages/bundle/static/botframework-webchat.js",
+          "react": "/__dist__/packages/bundle/static/react.js",
+          "react-dom": "/__dist__/packages/bundle/static/react-dom.js"
+        }
+      }
+    </script>
+    <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
+      import { waitFor } from '@testduet/wait-for';
+      import { createStoreWithOptions, renderWebChat } from 'botframework-webchat';
+
+      // TODO: This is for `createDirectLineEmulator` only, should find ways to eliminate this line.
+      window.WebChat = { createStoreWithOptions };
+
+      run(async function () {
+        const { directLine, store } = testHelpers.createDirectLineEmulator();
+
+        // GIVEN: Every style option of the scroll to end button set to a value other than its default.
+        renderWebChat(
+          {
+            directLine,
+            store,
+            styleOptions: {
+              hideSendBox: true,
+              scrollToEndButtonBehavior: 'any', // Shows the button whenever the transcript is not at the end.
+              scrollToEndButtonFontSize: '1.25em', // Strings are used as is.
+              transcriptOverlayButtonBackground: 'Navy',
+              transcriptOverlayButtonBackgroundOnFocus: 'Purple',
+              transcriptOverlayButtonBackgroundOnHover: 'Green',
+              transcriptOverlayButtonColor: 'Yellow',
+              transcriptOverlayButtonColorOnFocus: 'Aqua',
+              transcriptOverlayButtonColorOnHover: 'White'
+            }
+          },
+          document.getElementById('webchat')
+        );
+
+        await pageConditions.uiConnected();
+
+        // GIVEN: Enough messages to scroll the transcript.
+        for (let index = 1; index <= 20; index++) {
+          // eslint-disable-next-line no-await-in-loop
+          await directLine.emulateIncomingActivity({
+            from: { role: 'bot' },
+            text: `Message ${index}`,
+            type: 'message'
+          });
+        }
+
+        await pageConditions.numActivitiesShown(20);
+        await pageConditions.scrollToBottomCompleted();
+
+        // WHEN: The user scrolls to the top.
+        await pageObjects.scrollToTop();
+        await pageConditions.scrollToEndButtonShown();
+        await pageConditions.scrollStabilized(0);
+
+        // THEN: A navy "More messages" button with yellow text, in a larger font.
+        await host.snapshot('local');
+
+        // WHEN: The button is focused.
+        pageElements.scrollToEndButton().focus();
+
+        await waitFor(() => expect(document.activeElement).toBe(pageElements.scrollToEndButton()));
+
+        // THEN: The button is purple with aqua text.
+        await host.snapshot('local');
+
+        // WHEN: The focused button is hovered.
+        await host.hover(pageElements.scrollToEndButton());
+
+        await waitFor(() => expect(pageElements.scrollToEndButton().matches(':focus:hover')).toBe(true));
+
+        // THEN: No change, still purple with aqua text: focus wins over hover.
+        await host.snapshot('local');
+
+        // WHEN: The hovered button loses focus.
+        pageElements.scrollToEndButton().blur();
+
+        await waitFor(() => expect(pageElements.scrollToEndButton().matches(':focus')).toBe(false));
+
+        expect(pageElements.scrollToEndButton().matches(':hover')).toBe(true);
+
+        // THEN: The button is green with white text.
+        await host.snapshot('local');
+      });
+    </script>
+  </body>
+</html>
diff --git a/__tests__/html2/styleOptions/transcriptOverlayButton.html.snap-1.png b/__tests__/html2/styleOptions/transcriptOverlayButton.html.snap-1.png
new file mode 100644
index 0000000000..9933d6444d
Binary files /dev/null and b/__tests__/html2/styleOptions/transcriptOverlayButton.html.snap-1.png differ
diff --git a/__tests__/html2/styleOptions/transcriptOverlayButton.html.snap-2.png b/__tests__/html2/styleOptions/transcriptOverlayButton.html.snap-2.png
new file mode 100644
index 0000000000..b1dfc3956b
Binary files /dev/null and b/__tests__/html2/styleOptions/transcriptOverlayButton.html.snap-2.png differ
diff --git a/__tests__/html2/styleOptions/transcriptOverlayButton.html.snap-3.png b/__tests__/html2/styleOptions/transcriptOverlayButton.html.snap-3.png
new file mode 100644
index 0000000000..b1dfc3956b
Binary files /dev/null and b/__tests__/html2/styleOptions/transcriptOverlayButton.html.snap-3.png differ
diff --git a/__tests__/html2/styleOptions/transcriptOverlayButton.html.snap-4.png b/__tests__/html2/styleOptions/transcriptOverlayButton.html.snap-4.png
new file mode 100644
index 0000000000..34a03d9e8b
Binary files /dev/null and b/__tests__/html2/styleOptions/transcriptOverlayButton.html.snap-4.png differ
diff --git a/__tests__/html2/styleOptions/transcriptOverlayButton.undefined.html b/__tests__/html2/styleOptions/transcriptOverlayButton.undefined.html
new file mode 100644
index 0000000000..08e4b618a4
--- /dev/null
+++ b/__tests__/html2/styleOptions/transcriptOverlayButton.undefined.html
@@ -0,0 +1,97 @@
+<!doctype html>
+<html lang="en-US">
+  <head>
+    <link href="/assets/index.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <main id="webchat"></main>
+    <script type="importmap">
+      {
+        "imports": {
+          "@testduet/wait-for": "https://esm.sh/@testduet/wait-for",
+          "botframework-webchat": "/__dist__/packages/bundle/static/botframework-webchat.js",
+          "react": "/__dist__/packages/bundle/static/react.js",
+          "react-dom": "/__dist__/packages/bundle/static/react-dom.js"
+        }
+      }
+    </script>
+    <script type="module">
+      import '/test-harness.mjs';
+      import '/test-page-object.mjs';
+
+      import { waitFor } from '@testduet/wait-for';
+      import { createStoreWithOptions, renderWebChat } from 'botframework-webchat';
+
+      // TODO: This is for `createDirectLineEmulator` only, should find ways to eliminate this line.
+      window.WebChat = { createStoreWithOptions };
+
+      run(async function () {
+        const { directLine, store } = testHelpers.createDirectLineEmulator();
+
+        // GIVEN: The focus and hover style options of the scroll to end button are undefined, except the hover background.
+        renderWebChat(
+          {
+            directLine,
+            store,
+            styleOptions: {
+              hideSendBox: true,
+              scrollToEndButtonBehavior: 'any', // Shows the button whenever the transcript is not at the end.
+              transcriptOverlayButtonBackground: 'Navy',
+              transcriptOverlayButtonBackgroundOnFocus: undefined,
+              transcriptOverlayButtonBackgroundOnHover: 'Green', // Set, to tell "falls back to hover" from "falls back to base".
+              transcriptOverlayButtonColor: 'Yellow',
+              transcriptOverlayButtonColorOnFocus: undefined,
+              transcriptOverlayButtonColorOnHover: undefined
+            }
+          },
+          document.getElementById('webchat')
+        );
+
+        await pageConditions.uiConnected();
+
+        // GIVEN: Enough messages to scroll the transcript.
+        for (let index = 1; index <= 20; index++) {
+          // eslint-disable-next-line no-await-in-loop
+          await directLine.emulateIncomingActivity({
+            from: { role: 'bot' },
+            text: `Message ${index}`,
+            type: 'message'
+          });
+        }
+
+        await pageConditions.numActivitiesShown(20);
+        await pageConditions.scrollToBottomCompleted();
+
+        // WHEN: The user scrolls to the top and focuses the button.
+        await pageObjects.scrollToTop();
+        await pageConditions.scrollToEndButtonShown();
+        await pageConditions.scrollStabilized(0);
+
+        pageElements.scrollToEndButton().focus();
+
+        await waitFor(() => expect(document.activeElement).toBe(pageElements.scrollToEndButton()));
+
+        // THEN: The focused button keeps its navy background and yellow text.
+        await host.snapshot('local');
+
+        // WHEN: The focused button is hovered.
+        await host.hover(pageElements.scrollToEndButton());
+
+        await waitFor(() => expect(pageElements.scrollToEndButton().matches(':focus:hover')).toBe(true));
+
+        // THEN: The button is green with yellow text: the undefined focus background leaves the hover background.
+        await host.snapshot('local');
+
+        // WHEN: The hovered button loses focus.
+        pageElements.scrollToEndButton().blur();
+
+        await waitFor(() => expect(pageElements.scrollToEndButton().matches(':focus')).toBe(false));
+
+        expect(pageElements.scrollToEndButton().matches(':hover')).toBe(true);
+
+        // THEN: Still green with yellow text: the undefined hover color also falls back to the base color.
+        await host.snapshot('local');
+      });
+    </script>
+  </body>
+</html>
diff --git a/__tests__/html2/styleOptions/transcriptOverlayButton.undefined.html.snap-1.png b/__tests__/html2/styleOptions/transcriptOverlayButton.undefined.html.snap-1.png
new file mode 100644
index 0000000000..1dbe8add94
Binary files /dev/null and b/__tests__/html2/styleOptions/transcriptOverlayButton.undefined.html.snap-1.png differ
diff --git a/__tests__/html2/styleOptions/transcriptOverlayButton.undefined.html.snap-2.png b/__tests__/html2/styleOptions/transcriptOverlayButton.undefined.html.snap-2.png
new file mode 100644
index 0000000000..dbac50058d
Binary files /dev/null and b/__tests__/html2/styleOptions/transcriptOverlayButton.undefined.html.snap-2.png differ
diff --git a/__tests__/html2/styleOptions/transcriptOverlayButton.undefined.html.snap-3.png b/__tests__/html2/styleOptions/transcriptOverlayButton.undefined.html.snap-3.png
new file mode 100644
index 0000000000..dbac50058d
Binary files /dev/null and b/__tests__/html2/styleOptions/transcriptOverlayButton.undefined.html.snap-3.png differ
diff --git a/packages/component/src/Attachment/FileContent.module.css b/packages/component/src/Attachment/FileContent.module.css
index 7022209892..990a05a739 100644
--- a/packages/component/src/Attachment/FileContent.module.css
+++ b/packages/component/src/Attachment/FileContent.module.css
@@ -1,20 +1,39 @@
-/* Style options apply through the "fileContent" style set entry, which selects the "webchat__fileContent" class names. */
 :global(.webchat) .fileContent {
+  color: var(--webchat__color--bubble);
   display: flex;
+  font-family: var(--webchat__font--primary);
+  padding: var(--webchat__padding--regular);
 
-  .fileContent__buttonLink {
+  .fileContent__badge {
     display: flex;
     flex: 1;
+    flex-direction: column;
+    justify-content: center;
   }
 
-  .fileContent__badge {
+  .fileContent__buttonLink {
+    align-items: center;
+    color: var(--webchat__color--bubble);
     display: flex;
     flex: 1;
-    flex-direction: column;
+    text-decoration: none;
+
+    &:focus {
+      background-color: rgba(0, 0, 0, 0.1);
+    }
+  }
+
+  .fileContent__downloadIcon {
+    color: var(--webchat__color--accent);
+    font-size: 33px;
+    margin-inline-start: var(--webchat__padding--regular);
+    padding: var(--webchat__padding--regular);
+  }
+
+  .fileContent__fileName {
+    color: var(--webchat__color--accent);
   }
 
-  .fileContent__downloadIcon,
-  .fileContent__fileName,
   .fileContent__size {
     --webchat-preserve-reason: target-class;
   }
diff --git a/packages/component/src/Attachment/FileContent.tsx b/packages/component/src/Attachment/FileContent.tsx
index a9443c9dc8..39ca47442b 100644
--- a/packages/component/src/Attachment/FileContent.tsx
+++ b/packages/component/src/Attachment/FileContent.tsx
@@ -5,12 +5,11 @@ import cx from 'classnames';
 import React, { Fragment, memo } from 'react';
 import { boolean, number, object, optional, pipe, readonly, string, type InferInput } from 'valibot';
 
-import useStyleSet from '../hooks/useStyleSet';
 import { ComponentIcon } from '../Icon';
 
 import styles from './FileContent.module.css';
 
-const { useByteFormatter, useDirection, useLocalizer } = hooks;
+const { useByteFormatter, useLocalizer } = hooks;
 
 // TODO: Consider using `useSanitizeHrefCallback`, which underlying use `sanitize-html` or whatever in HTML content transformer.
 const ALLOWED_PROTOCOLS = ['blob:', 'data:', 'http:', 'https:'];
@@ -39,7 +38,6 @@ const FileContentBadge = (props: FileContentBadgeProps) => {
 
   // Keeps the "webchat__fileContent" class names.
   const classNames = useStyles(styles, webChatPrefixedClassName);
-  const [direction] = useDirection();
   const formatByte = useByteFormatter();
 
   const localizedSize = typeof size === 'number' && formatByte(size);
@@ -51,15 +49,7 @@ const FileContentBadge = (props: FileContentBadgeProps) => {
         {!!localizedSize && <div className={classNames['fileContent__size']}>{localizedSize}</div>}
       </div>
       {downloadIcon && (
-        <ComponentIcon
-          appearance="text"
-          className={cx(
-            classNames['fileContent__downloadIcon'],
-            // The "fileContent" style set entry, which applies the style options, selects this modifier.
-            direction === 'rtl' && 'webchat__fileContent__downloadIcon--rtl'
-          )}
-          icon="download"
-        />
+        <ComponentIcon appearance="text" className={classNames['fileContent__downloadIcon']} icon="download" />
       )}
     </Fragment>
   );
@@ -82,7 +72,6 @@ function FileContent(props: FileContentProps) {
 
   // Keeps the "webchat__fileContent" class names.
   const classNames = useStyles(styles, webChatPrefixedClassName);
-  const [{ fileContent: fileContentStyleSet }] = useStyleSet();
   const localize = useLocalizer();
   const localizeBytes = useByteFormatter();
 
@@ -103,7 +92,7 @@ function FileContent(props: FileContentProps) {
   );
 
   return (
-    <div className={cx(classNames['fileContent'], fileContentStyleSet + '', className)}>
+    <div className={cx(classNames['fileContent'], className)}>
       {sanitizedHref ? (
         // URL is sanitized.
         // eslint-disable-next-line react/forbid-elements
diff --git a/packages/component/src/Middleware/ScrollToEndButton/ScrollToEndButton.module.css b/packages/component/src/Middleware/ScrollToEndButton/ScrollToEndButton.module.css
new file mode 100644
index 0000000000..7dfb564835
--- /dev/null
+++ b/packages/component/src/Middleware/ScrollToEndButton/ScrollToEndButton.module.css
@@ -0,0 +1,40 @@
+:global(.webchat) .scroll-to-end-button {
+  appearance: none;
+  background-color: var(--webchat__background--transcript-overlay-button);
+  border-radius: var(--webchat__padding--regular);
+  border-width: 0;
+  color: var(--webchat__color--transcript-overlay-button);
+  font-family: var(--webchat__font--primary);
+  font-size: var(--webchat__font-size--scroll-to-end-button);
+  outline: 0;
+  padding: var(--webchat__padding--regular);
+
+  @media screen and (forced-colors: active) {
+    border-width: initial;
+    outline: initial;
+  }
+
+  &:hover {
+    background-color: var(
+      --webchat__background--transcript-overlay-button-hover,
+      var(--webchat__background--transcript-overlay-button)
+    );
+    color: var(--webchat__color--transcript-overlay-button-hover, var(--webchat__color--transcript-overlay-button));
+  }
+
+  &:focus {
+    background-color: var(
+      --webchat__background--transcript-overlay-button-focus,
+      var(--webchat__background--transcript-overlay-button)
+    );
+    color: var(--webchat__color--transcript-overlay-button-focus, var(--webchat__color--transcript-overlay-button));
+  }
+
+  /* Without a focus background, the hover background stays. */
+  &:focus:hover {
+    background-color: var(
+      --webchat__background--transcript-overlay-button-focus,
+      var(--webchat__background--transcript-overlay-button-hover, var(--webchat__background--transcript-overlay-button))
+    );
+  }
+}
diff --git a/packages/component/src/Middleware/ScrollToEndButton/ScrollToEndButton.tsx b/packages/component/src/Middleware/ScrollToEndButton/ScrollToEndButton.tsx
index dc18c9e960..2c7f68ac44 100644
--- a/packages/component/src/Middleware/ScrollToEndButton/ScrollToEndButton.tsx
+++ b/packages/component/src/Middleware/ScrollToEndButton/ScrollToEndButton.tsx
@@ -1,12 +1,13 @@
+import { useStyles, webChatPrefixedClassName } from '@msinternal/botframework-webchat-styles/react';
 import { hooks } from 'botframework-webchat-api';
-import classNames from 'classnames';
 import React, { useRef } from 'react';
 
 import useFocusAccessKeyEffect from '../../Utils/AccessKeySink/useFocusAccessKeyEffect';
 import useLocalizeAccessKey from '../../hooks/internal/useLocalizeAccessKey';
-import useStyleSet from '../../hooks/useStyleSet';
 import { useLiveRegion } from '../../providers/LiveRegionTwin';
 
+import styles from './ScrollToEndButton.module.css';
+
 const { useLocalizer, useStyleOptions } = hooks;
 
 type ScrollToEndButtonProps = Readonly<{ onClick?: (() => void) | undefined }>;
@@ -15,7 +16,8 @@ const newMessagesAccessKey = 'U u Ü ü';
 
 const ScrollToEndButton = ({ onClick }: ScrollToEndButtonProps) => {
   const focusRef = useRef(null);
-  const [{ scrollToEndButton: scrollToEndButtonStyleSet }] = useStyleSet();
+  // Keeps the "webchat__scroll-to-end-button" class name.
+  const classNames = useStyles(styles, webChatPrefixedClassName);
   const [{ scrollToEndButtonBehavior }] = useStyleOptions();
   const localize = useLocalizer();
   const localizeAccessKey = useLocalizeAccessKey('accessible name');
@@ -41,7 +43,7 @@ const ScrollToEndButton = ({ onClick }: ScrollToEndButtonProps) => {
     <button
       aria-keyshortcuts={shouldShowNewMessagesButton ? localizeAccessKey(newMessagesAccessKey) : undefined}
       aria-label={text}
-      className={classNames('webchat__scroll-to-end-button', scrollToEndButtonStyleSet + '')}
+      className={classNames['scroll-to-end-button']}
       onClick={onClick}
       ref={focusRef}
       tabIndex={0}
diff --git a/packages/component/src/Styles/CSSCustomPropertiesContainer.tsx b/packages/component/src/Styles/CSSCustomPropertiesContainer.tsx
index 5c059bdafc..080665af2d 100644
--- a/packages/component/src/Styles/CSSCustomPropertiesContainer.tsx
+++ b/packages/component/src/Styles/CSSCustomPropertiesContainer.tsx
@@ -98,6 +98,7 @@ function CustomPropertiesContainer(props: CustomPropertiesContainerProps, ref: R
       notificationText,
       paddingRegular,
       primaryFont,
+      scrollToEndButtonFontSize,
       sendBoxAttachmentBarMaxHeight,
       sendBoxBackground,
       sendBoxBorderBottom,
@@ -208,8 +209,8 @@ function CustomPropertiesContainer(props: CustomPropertiesContainerProps, ref: R
   ${CustomPropertyNames.BackgroundToastWarn}: ${toastWarnBackgroundColor};
   ${CustomPropertyNames.BackgroundTranscriptOverlayButton}: ${transcriptOverlayButtonBackground};
   ${CustomPropertyNames.BackgroundTranscriptOverlayButtonDisabled}: ${transcriptOverlayButtonBackgroundOnDisabled};
-  ${CustomPropertyNames.BackgroundTranscriptOverlayButtonFocus}: ${transcriptOverlayButtonBackgroundOnFocus};
-  ${CustomPropertyNames.BackgroundTranscriptOverlayButtonHover}: ${transcriptOverlayButtonBackgroundOnHover};
+  ${CustomPropertyNames.BackgroundTranscriptOverlayButtonFocus}: ${orUnset(transcriptOverlayButtonBackgroundOnFocus)};
+  ${CustomPropertyNames.BackgroundTranscriptOverlayButtonHover}: ${orUnset(transcriptOverlayButtonBackgroundOnHover)};
   ${CustomPropertyNames.BackgroundTranscriptTerminator}: ${transcriptTerminatorBackgroundColor};
   ${CustomPropertyNames.BorderAnimationColor1}: ${borderAnimationColor1};
   ${CustomPropertyNames.BorderAnimationColor2}: ${borderAnimationColor2};
@@ -269,6 +270,7 @@ function CustomPropertiesContainer(props: CustomPropertiesContainerProps, ref: R
   ${CustomPropertyNames.FontMonospace}: ${monospaceFont};
   ${CustomPropertyNames.FontPrimary}: ${primaryFont};
   ${CustomPropertyNames.FontSizeConnectivity}: ${toLength(connectivityTextSize)};
+  ${CustomPropertyNames.FontSizeScrollToEndButton}: ${toLength(scrollToEndButtonFontSize)};
   ${CustomPropertyNames.FontSizeSmall}: ${fontSizeSmall};
   ${CustomPropertyNames.FontSizeToast}: ${toLength(toastFontSize)};
   ${CustomPropertyNames.FontSizeTranscriptTerminator}: ${transcriptTerminatorFontSize}px;
diff --git a/packages/component/src/Styles/CustomPropertyNames.ts b/packages/component/src/Styles/CustomPropertyNames.ts
index 81ef7de2d1..e2e60b7893 100644
--- a/packages/component/src/Styles/CustomPropertyNames.ts
+++ b/packages/component/src/Styles/CustomPropertyNames.ts
@@ -85,6 +85,7 @@ const CustomPropertyNames = Object.freeze({
   FontPrimary: '--webchat__font--primary',
   FontMonospace: '--webchat__font--monospace',
   FontSizeConnectivity: '--webchat__font-size--connectivity',
+  FontSizeScrollToEndButton: '--webchat__font-size--scroll-to-end-button',
   FontSizeSmall: '--webchat__font-size--small',
   FontSizeToast: '--webchat__font-size--toast',
   FontSizeTranscriptTerminator: '--webchat__font-size--transcript-terminator',
diff --git a/packages/component/src/Styles/StyleSet/FileContent.ts b/packages/component/src/Styles/StyleSet/FileContent.ts
index 544560ee46..04be92527a 100644
--- a/packages/component/src/Styles/StyleSet/FileContent.ts
+++ b/packages/component/src/Styles/StyleSet/FileContent.ts
@@ -1,5 +1,10 @@
 import { StrictStyleOptions } from 'botframework-webchat-api';
 
+/**
+ * @deprecated Not used for rendering since 4.19.3, customizing it has no effect.
+ * The live styles are in `packages/component/src/Attachment/FileContent.module.css`.
+ * This style set will be removed on or after 2028-10-16.
+ */
 export default function createFileContentStyle({
   accent,
   bubbleTextColor,
diff --git a/packages/component/src/Styles/StyleSet/ScrollToEndButton.ts b/packages/component/src/Styles/StyleSet/ScrollToEndButton.ts
index 8b2069143a..d5fa85f612 100644
--- a/packages/component/src/Styles/StyleSet/ScrollToEndButton.ts
+++ b/packages/component/src/Styles/StyleSet/ScrollToEndButton.ts
@@ -1,5 +1,10 @@
 import { StrictStyleOptions } from 'botframework-webchat-api';
 
+/**
+ * @deprecated Not used for rendering since 4.19.3, customizing it has no effect.
+ * The live styles are in `packages/component/src/Middleware/ScrollToEndButton/ScrollToEndButton.module.css`.
+ * This style set will be removed on or after 2028-10-16.
+ */
 export default function createScrollToEndButtonStyle({
   paddingRegular,
   primaryFont,
diff --git a/packages/component/src/Styles/createStyleSet.ts b/packages/component/src/Styles/createStyleSet.ts
index 287f57b4a4..a3fe98df94 100644
--- a/packages/component/src/Styles/createStyleSet.ts
+++ b/packages/component/src/Styles/createStyleSet.ts
@@ -153,6 +153,11 @@ export default function createStyleSet(styleOptions: StyleOptions) {
      * This style set will be removed on or after 2028-10-16.
      */
     errorNotification: createErrorNotificationStyle(strictStyleOptions),
+    /**
+     * @deprecated Not used for rendering since 4.19.3, customizing it has no effect.
+     * The live styles are in `packages/component/src/Attachment/FileContent.module.css`.
+     * This style set will be removed on or after 2028-10-16.
+     */
     fileContent: createFileContentStyle(strictStyleOptions),
     /**
      * @deprecated Not used for rendering since 4.19.3, customizing it has no effect.
@@ -174,6 +179,11 @@ export default function createStyleSet(styleOptions: StyleOptions) {
     microphoneButton: createMicrophoneButtonStyle(strictStyleOptions),
     options: { ...strictStyleOptions }, // Cloned to make sure no additional modifications will propagate up.
     root: createRootStyle(strictStyleOptions),
+    /**
+     * @deprecated Not used for rendering since 4.19.3, customizing it has no effect.
+     * The live styles are in `packages/component/src/Middleware/ScrollToEndButton/ScrollToEndButton.module.css`.
+     * This style set will be removed on or after 2028-10-16.
+     */
     scrollToEndButton: createScrollToEndButtonStyle(strictStyleOptions),
     /**
      * @deprecated Not used for rendering since 4.19.3, customizing it has no effect.