diff --git a/package.json b/package.json
index 528ab6f289a..6570c9b6143 100644
--- a/package.json
+++ b/package.json
@@ -134,6 +134,6 @@
     "webpack-cli": "^4.6.0",
     "webpack-dev-server": "^4.11.1",
     "webpack-merge": "^5.1.4",
-    "xfc": "^1.2.1"
+    "xfc": "git+https://github.com/kolkheang/xfc.git#display-frame-focus-indicator"
   }
 }
diff --git a/packages/terra-embedded-content-consumer/CHANGELOG.md b/packages/terra-embedded-content-consumer/CHANGELOG.md
index f6a8dd9bc1b..3b5589d5e4c 100644
--- a/packages/terra-embedded-content-consumer/CHANGELOG.md
+++ b/packages/terra-embedded-content-consumer/CHANGELOG.md
@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+* Added
+  * Added visual focus indicator (outline style) on the iframe when it has focus.
+
 ## 3.39.0 - (October 3, 2023)
 
 * Added
diff --git a/packages/terra-embedded-content-consumer/package.json b/packages/terra-embedded-content-consumer/package.json
index fec61f807ba..16ac94c74a4 100644
--- a/packages/terra-embedded-content-consumer/package.json
+++ b/packages/terra-embedded-content-consumer/package.json
@@ -24,11 +24,12 @@
   "peerDependencies": {
     "react": "^16.8.5",
     "react-dom": "^16.8.5",
-    "xfc": "^1.2.1"
+    "xfc": "git+https://github.com/kolkheang/xfc.git#display-frame-focus-indicator"
   },
   "dependencies": {
     "classnames": "^2.2.5",
-    "prop-types": "^15.5.8"
+    "prop-types": "^15.5.8",
+    "style-to-object": "^0.4.2"
   },
   "scripts": {
     "compile": "babel --root-mode upward src --out-dir lib --copy-files",
diff --git a/packages/terra-embedded-content-consumer/src/EmbeddedContentConsumer.jsx b/packages/terra-embedded-content-consumer/src/EmbeddedContentConsumer.jsx
index 1b3897cc4af..49c1b9a5ede 100644
--- a/packages/terra-embedded-content-consumer/src/EmbeddedContentConsumer.jsx
+++ b/packages/terra-embedded-content-consumer/src/EmbeddedContentConsumer.jsx
@@ -1,6 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Consumer } from 'xfc';
+import parse from 'style-to-object';
+import styles from './EmbeddedContentConsumer.module.scss';
 
 const propTypes = {
   /**
@@ -94,6 +96,10 @@ class EmbeddedContentConsumer extends React.Component {
       Object.assign(frameOptions.iframeAttrs, { title: this.props.title });
     }
 
+    const focusStyleStr = `outline: ${styles.focusOutline}`;
+    const blurStyleStr = `outline: ${styles.blurOutline}`;
+    frameOptions.focusIndicator = { focusStyleStr, blurStyleStr };
+
     // Mount the provided source as the application into the content wrapper.
     this.xfcFrame = Consumer.mount(this.embeddedContentWrapper, this.props.src, frameOptions);
 
@@ -102,6 +108,24 @@ class EmbeddedContentConsumer extends React.Component {
       this.props.onMount(this.xfcFrame);
     }
 
+    // Cover other scenario where xfc frame style doesn't apply
+    // such as when `srcdoc` attribute is used which doesn't work
+    // within xfc's JSONRPC communication.
+    this.xfcFrame?.iframe?.contentWindow?.addEventListener('focus', () => {
+      const styleObj = parse(focusStyleStr);
+      Object.entries(styleObj).forEach(([key, value]) => {
+        this.xfcFrame.iframe.style[key] = value;
+      });
+    }, true);
+
+    // Listen for blur event and callback function to apply the style
+    this.xfcFrame?.iframe?.contentWindow?.addEventListener('blur', () => {
+      const styleObj = parse(blurStyleStr);
+      Object.entries(styleObj).forEach(([key, value]) => {
+        this.xfcFrame.iframe.style[key] = value;
+      });
+    }, true);
+
     // Attach the event handlers to the xfc frame.
     this.addEventListener('xfc.launched', this.props.onLaunch);
     this.addEventListener('xfc.authorized', this.props.onAuthorize);
diff --git a/packages/terra-embedded-content-consumer/src/EmbeddedContentConsumer.module.scss b/packages/terra-embedded-content-consumer/src/EmbeddedContentConsumer.module.scss
new file mode 100644
index 00000000000..002b4d64d17
--- /dev/null
+++ b/packages/terra-embedded-content-consumer/src/EmbeddedContentConsumer.module.scss
@@ -0,0 +1,15 @@
+// Themes
+@import './clinical-lowlight-theme/EmbeddedContentConsumer.module';
+@import './orion-fusion-theme/EmbeddedContentConsumer.module';
+
+:local {
+  /* stylelint-disable terra/custom-property-name */
+  $blur-outline: var(--terra-embedded-content-consumer-blur-outline, none);
+  $focus-outline: var(--terra-embedded-content-consumer-focus-outline, 2px dashed #000);
+
+  :export {
+    /* stylelint-disable property-no-unknown */
+    blurOutline: $blur-outline;
+    focusOutline: $focus-outline;
+  }
+}
diff --git a/packages/terra-embedded-content-consumer/src/EmbeddedContentProviderTestTemplate.jsx b/packages/terra-embedded-content-consumer/src/EmbeddedContentProviderTestTemplate.jsx
index 5ebae3799ac..9f7599abe64 100644
--- a/packages/terra-embedded-content-consumer/src/EmbeddedContentProviderTestTemplate.jsx
+++ b/packages/terra-embedded-content-consumer/src/EmbeddedContentProviderTestTemplate.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
+import '../../../initalizeXFC';
 import './ProviderIframe.module.scss';
 import './ProviderTestTemplate.module.scss';
 
diff --git a/packages/terra-embedded-content-consumer/src/clinical-lowlight-theme/EmbeddedContentConsumer.module.scss b/packages/terra-embedded-content-consumer/src/clinical-lowlight-theme/EmbeddedContentConsumer.module.scss
new file mode 100644
index 00000000000..8add53a3fd8
--- /dev/null
+++ b/packages/terra-embedded-content-consumer/src/clinical-lowlight-theme/EmbeddedContentConsumer.module.scss
@@ -0,0 +1,6 @@
+:local {
+  .clinical-lowlight-theme {
+    --terra-embedded-content-consumer-focus-outline: 2px dashed #b2b5b6;
+    --terra-embedded-content-consumer-blur-outline: none;
+  }
+}
diff --git a/packages/terra-embedded-content-consumer/src/orion-fusion-theme/EmbeddedContentConsumer.module.scss b/packages/terra-embedded-content-consumer/src/orion-fusion-theme/EmbeddedContentConsumer.module.scss
new file mode 100644
index 00000000000..d3cb419d90c
--- /dev/null
+++ b/packages/terra-embedded-content-consumer/src/orion-fusion-theme/EmbeddedContentConsumer.module.scss
@@ -0,0 +1,6 @@
+:local {
+  .orion-fusion-theme {
+    --terra-embedded-content-consumer-focus-outline: 2px solid #3496cf;
+    --terra-embedded-content-consumer-blur-outline: none;
+  }
+}
diff --git a/packages/terra-embedded-content-consumer/tests/jest/EmbeddedContentConsumer.test.jsx b/packages/terra-embedded-content-consumer/tests/jest/EmbeddedContentConsumer.test.jsx
index c3ebf0f31d1..479f650969f 100644
--- a/packages/terra-embedded-content-consumer/tests/jest/EmbeddedContentConsumer.test.jsx
+++ b/packages/terra-embedded-content-consumer/tests/jest/EmbeddedContentConsumer.test.jsx
@@ -169,32 +169,34 @@ describe(EmbeddedContentConsumer, () => {
 
     frame.unmount();
   });
-});
-
-it('sets appropriate config option when resizeConfig.scrolling is true', () => {
-  const embeddedContentConsumer = (
-    <div>
-      <EmbeddedContentConsumer
-        src="https://www.google.com/"
-        options={{ resizeConfig: { scrolling: true } }}
-      />
-    </div>
-  );
-
-  const wrapper = shallow(embeddedContentConsumer);
-  expect(wrapper).toMatchSnapshot();
-});
 
-it('sets appropriate config option when resizeConfig.scrolling is false', () => {
-  const embeddedContentConsumer = (
-    <div>
-      <EmbeddedContentConsumer
-        src="https://www.google.com/"
-        options={{ resizeConfig: { scrolling: false } }}
-      />
-    </div>
-  );
-
-  const wrapper = shallow(embeddedContentConsumer);
-  expect(wrapper).toMatchSnapshot();
+  describe('scrolling', () => {
+    it('sets appropriate config option when resizeConfig.scrolling is true', () => {
+      const embeddedContentConsumer = (
+        <div>
+          <EmbeddedContentConsumer
+            src="https://www.google.com/"
+            options={{ resizeConfig: { scrolling: true } }}
+          />
+        </div>
+      );
+
+      const wrapper = shallow(embeddedContentConsumer);
+      expect(wrapper).toMatchSnapshot();
+    });
+
+    it('sets appropriate config option when resizeConfig.scrolling is false', () => {
+      const embeddedContentConsumer = (
+        <div>
+          <EmbeddedContentConsumer
+            src="https://www.google.com/"
+            options={{ resizeConfig: { scrolling: false } }}
+          />
+        </div>
+      );
+
+      const wrapper = shallow(embeddedContentConsumer);
+      expect(wrapper).toMatchSnapshot();
+    });
+  });
 });
diff --git a/packages/terra-embedded-content-consumer/tests/jest/__snapshots__/EmbeddedContentConsumer.test.jsx.snap b/packages/terra-embedded-content-consumer/tests/jest/__snapshots__/EmbeddedContentConsumer.test.jsx.snap
index e34907e7fee..77ca6d21241 100644
--- a/packages/terra-embedded-content-consumer/tests/jest/__snapshots__/EmbeddedContentConsumer.test.jsx.snap
+++ b/packages/terra-embedded-content-consumer/tests/jest/__snapshots__/EmbeddedContentConsumer.test.jsx.snap
@@ -1,5 +1,35 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`EmbeddedContentConsumer scrolling sets appropriate config option when resizeConfig.scrolling is false 1`] = `
+<div>
+  <EmbeddedContentConsumer
+    options={
+      Object {
+        "resizeConfig": Object {
+          "scrolling": false,
+        },
+      }
+    }
+    src="https://www.google.com/"
+  />
+</div>
+`;
+
+exports[`EmbeddedContentConsumer scrolling sets appropriate config option when resizeConfig.scrolling is true 1`] = `
+<div>
+  <EmbeddedContentConsumer
+    options={
+      Object {
+        "resizeConfig": Object {
+          "scrolling": true,
+        },
+      }
+    }
+    src="https://www.google.com/"
+  />
+</div>
+`;
+
 exports[`EmbeddedContentConsumer should render the embedded content consumer container 1`] = `
 <div>
   <EmbeddedContentConsumer
@@ -79,33 +109,3 @@ exports[`EmbeddedContentConsumer should render the embedded content consumer wit
   </EmbeddedContentConsumer>
 </div>
 `;
-
-exports[`sets appropriate config option when resizeConfig.scrolling is false 1`] = `
-<div>
-  <EmbeddedContentConsumer
-    options={
-      Object {
-        "resizeConfig": Object {
-          "scrolling": false,
-        },
-      }
-    }
-    src="https://www.google.com/"
-  />
-</div>
-`;
-
-exports[`sets appropriate config option when resizeConfig.scrolling is true 1`] = `
-<div>
-  <EmbeddedContentConsumer
-    options={
-      Object {
-        "resizeConfig": Object {
-          "scrolling": true,
-        },
-      }
-    }
-    src="https://www.google.com/"
-  />
-</div>
-`;
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-event.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-event.png
index 668d231bcd9..4bd5e61bff2 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-event.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-event.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-events.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-events.png
index c80b7163a8e..35f6d9bef19 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-events.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-events.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/EventB.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/EventB.png
index 5d9b8e17984..eb5a026f326 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/EventB.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/EventB.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/Scroll_content_into_view.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/Scroll_content_into_view.png
index c2dd002f1ee..30318841bf7 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/Scroll_content_into_view.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/Scroll_content_into_view.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/consumer_with_srcdoc.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/consumer_with_srcdoc.png
index 6261a04ac2c..3a56370cdb9 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/consumer_with_srcdoc.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/consumer_with_srcdoc.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/custom_event.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/custom_event.png
index 1323a8d00e0..c93988f4dec 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/custom_event.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/custom_event.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/custom_events.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/custom_events.png
index 21bc95ac16c..3debd6e8816 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/custom_events.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/custom_events.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/default.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/default.png
index 0998a722f2c..4af430d307e 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/default.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/default.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png
new file mode 100644
index 00000000000..ab497710aa2
Binary files /dev/null and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png
new file mode 100644
index 00000000000..758222f41af
Binary files /dev/null and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-event.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-event.png
index 00ca2a4e68d..ad242193105 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-event.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-event.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-events.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-events.png
index 949483725ba..8c06345148c 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-events.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-events.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/EventB.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/EventB.png
index 39a01644148..1842de1d7b6 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/EventB.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/EventB.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/Scroll_content_into_view.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/Scroll_content_into_view.png
index f25886699fa..76feb1cb5a3 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/Scroll_content_into_view.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/Scroll_content_into_view.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/consumer_with_srcdoc.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/consumer_with_srcdoc.png
index f31e2d7db58..71fbcb62509 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/consumer_with_srcdoc.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/consumer_with_srcdoc.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_event.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_event.png
index 124436edd44..bfdfeebed77 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_event.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_event.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_events.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_events.png
index 412026f062a..02c27c544f5 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_events.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_events.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/default.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/default.png
index 1e3502b3fec..77c88d343f1 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/default.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/default.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png
new file mode 100644
index 00000000000..43e078cc421
Binary files /dev/null and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png
new file mode 100644
index 00000000000..8181bbfb6e3
Binary files /dev/null and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-event.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-event.png
index c9ace48596b..05093220a50 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-event.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-event.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-events.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-events.png
index 3f959847742..86a632abfb9 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-events.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-events.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/EventB.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/EventB.png
index 68045a9b119..16e06eba1d9 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/EventB.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/EventB.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/Scroll_content_into_view.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/Scroll_content_into_view.png
index bd79b6ae305..04b8e9c69c3 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/Scroll_content_into_view.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/Scroll_content_into_view.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/consumer_with_srcdoc.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/consumer_with_srcdoc.png
index 60bcdcd9e11..7029624edd2 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/consumer_with_srcdoc.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/consumer_with_srcdoc.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/custom_event.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/custom_event.png
index 07af9697c8b..bed000a88ca 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/custom_event.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/custom_event.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/custom_events.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/custom_events.png
index 924fd8bdddc..469247a419a 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/custom_events.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/custom_events.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/default.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/default.png
index 0a11da083e5..cc33af87b54 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/default.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/default.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png
new file mode 100644
index 00000000000..bd272518962
Binary files /dev/null and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png
new file mode 100644
index 00000000000..984d6828173
Binary files /dev/null and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-event.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-event.png
index 563ceca9d6a..7d7c210e800 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-event.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-event.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-events.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-events.png
index 3a826de2a53..ce0c2e374e0 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-events.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-events.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/EventB.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/EventB.png
index 9c38b759b05..38a96812803 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/EventB.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/EventB.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/Scroll_content_into_view.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/Scroll_content_into_view.png
index b0f068780fe..eb4f12fb992 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/Scroll_content_into_view.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/Scroll_content_into_view.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/consumer_with_srcdoc.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/consumer_with_srcdoc.png
index 4c14af39627..5e9c9578562 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/consumer_with_srcdoc.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/consumer_with_srcdoc.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_event.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_event.png
index 1952fcf3070..78ddbbc9b59 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_event.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_event.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_events.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_events.png
index 5edc00038d9..00733c0e65d 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_events.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_events.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/default.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/default.png
index 104610a9814..597c23143e1 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/default.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/default.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png
new file mode 100644
index 00000000000..2f164ff1c00
Binary files /dev/null and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png
new file mode 100644
index 00000000000..a06c37491be
Binary files /dev/null and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-event.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-event.png
index 869f6f9bd87..571500bb21a 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-event.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-event.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-events.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-events.png
index ca3ccef08fd..dbb78b6f482 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-events.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/EventA_for_custom-events.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/EventB.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/EventB.png
index a76d8007162..daf47e6a9bb 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/EventB.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/EventB.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/Scroll_content_into_view.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/Scroll_content_into_view.png
index 3dc02766bc6..b1731c50215 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/Scroll_content_into_view.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/Scroll_content_into_view.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/consumer_with_srcdoc.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/consumer_with_srcdoc.png
index 60bcdcd9e11..e98e3e273fb 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/consumer_with_srcdoc.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/consumer_with_srcdoc.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/custom_event.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/custom_event.png
index 018c97e9b00..679a55f483b 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/custom_event.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/custom_event.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/custom_events.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/custom_events.png
index bde46fe9158..14438d68f7f 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/custom_events.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/custom_events.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/default.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/default.png
index 5ab0d1bc764..6c5925f166e 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/default.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/default.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png
new file mode 100644
index 00000000000..09a21e45ed8
Binary files /dev/null and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png
new file mode 100644
index 00000000000..c59de9f448e
Binary files /dev/null and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-event.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-event.png
index 465010bfd62..b64d76e3347 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-event.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-event.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-events.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-events.png
index 0a5ebebb3b2..7e257e95d4c 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-events.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/EventA_for_custom-events.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/EventB.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/EventB.png
index e2aa0968610..9d89e9dee07 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/EventB.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/EventB.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/Scroll_content_into_view.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/Scroll_content_into_view.png
index ee1e71d5b53..3f21e61a787 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/Scroll_content_into_view.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/Scroll_content_into_view.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/consumer_with_srcdoc.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/consumer_with_srcdoc.png
index 4c14af39627..33311602a0c 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/consumer_with_srcdoc.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/consumer_with_srcdoc.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_event.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_event.png
index 7c756618ef8..7f4b0462fb0 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_event.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_event.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_events.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_events.png
index 69f467069a4..01f11882644 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_events.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/custom_events.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/default.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/default.png
index 5d09fa7f3e3..d88503efe5a 100644
Binary files a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/default.png and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/default.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png
new file mode 100644
index 00000000000..0636e7587e6
Binary files /dev/null and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_clicked.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png
new file mode 100644
index 00000000000..f8acd904d4b
Binary files /dev/null and b/packages/terra-embedded-content-consumer/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_tiny/embedded-content-consumer-spec/focus_indicator_on_the_frame_when_tabbing_through.png differ
diff --git a/packages/terra-embedded-content-consumer/tests/wdio/embedded-content-consumer-spec.js b/packages/terra-embedded-content-consumer/tests/wdio/embedded-content-consumer-spec.js
index 52d9402d3e5..aaedebd7cfc 100644
--- a/packages/terra-embedded-content-consumer/tests/wdio/embedded-content-consumer-spec.js
+++ b/packages/terra-embedded-content-consumer/tests/wdio/embedded-content-consumer-spec.js
@@ -12,7 +12,7 @@ Terra.describeViewports('Embedded Content Consumer', ['tiny', 'large'], () => {
     });
 
     it('Provider triggers EventA message', () => {
-      const myFrame = $('iframe[src="/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/custom-event-provider"]');
+      const myFrame = $('iframe[id="custom-event-consumer-frame"]');
       browser.switchToFrame(myFrame);
 
       $('#EventA').click();
@@ -30,7 +30,7 @@ Terra.describeViewports('Embedded Content Consumer', ['tiny', 'large'], () => {
     });
 
     it('Provider triggers EventA message', () => {
-      const myFrame = $('iframe[src="/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/custom-events-provider"]');
+      const myFrame = $('iframe[id="custom-events-consumer-frame"]');
       browser.switchToFrame(myFrame);
 
       $('#EventA').click();
@@ -40,7 +40,7 @@ Terra.describeViewports('Embedded Content Consumer', ['tiny', 'large'], () => {
     });
 
     it('successfully replied with EventA message', () => {
-      const myFrame = $('iframe[src="/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/custom-events-provider"]');
+      const myFrame = $('iframe[id="custom-events-consumer-frame"]');
       browser.switchToFrame(myFrame);
 
       expect($('#embedded-content-consumer-reply')).toHaveTextContaining('eventA');
@@ -48,7 +48,7 @@ Terra.describeViewports('Embedded Content Consumer', ['tiny', 'large'], () => {
     });
 
     it('Provider triggers EventB message', () => {
-      const myFrame = $('iframe[src="/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/custom-events-provider"]');
+      const myFrame = $('iframe[id="custom-events-consumer-frame"]');
       browser.switchToFrame(myFrame);
 
       $('#EventB').click();
@@ -58,7 +58,7 @@ Terra.describeViewports('Embedded Content Consumer', ['tiny', 'large'], () => {
     });
 
     it('successfully replied with EventB message', () => {
-      const myFrame = $('iframe[src="/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/custom-events-provider"]');
+      const myFrame = $('iframe[id="custom-events-consumer-frame"]');
       browser.switchToFrame(myFrame);
 
       expect($('#embedded-content-consumer-reply')).toHaveTextContaining('eventB');
@@ -69,9 +69,9 @@ Terra.describeViewports('Embedded Content Consumer', ['tiny', 'large'], () => {
     it('has mounted, launched, and authorized elements', () => {
       browser.url('/raw/tests/cerner-terra-framework-docs/embedded-content-consumer/consumers/data-status-consumer');
       const timeout = browser.options.waitforTimeout + 5000;
-      $('iframe[src="/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/data-status-provider"]').waitForDisplayed({ timeout });
+      $('iframe[id="data-embedded-consumer-data-status"]').waitForDisplayed({ timeout });
 
-      const myFrame = $('iframe[src="/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/data-status-provider"]');
+      const myFrame = $('iframe[id="data-embedded-consumer-data-status"]');
       browser.switchToFrame(myFrame);
 
       expect($('#Mounted').isExisting());
@@ -105,4 +105,29 @@ Terra.describeViewports('Embedded Content Consumer', ['tiny', 'large'], () => {
       Terra.validates.element('Scroll content into view');
     });
   });
+
+  describe('visual focus indicator', () => {
+    it('shows visual focus indicator on the frame when clicked', () => {
+      browser.url('/raw/tests/cerner-terra-framework-docs/embedded-content-consumer/consumers/basic-consumer-with-scrolling');
+      $('iframe[id="basic-consumer-with-scrolling"]').waitForDisplayed();
+
+      const myFrame = $('iframe[id="basic-consumer-with-scrolling"]');
+      browser.switchToFrame(myFrame);
+
+      const p = $('<p>');
+      p.scrollIntoView();
+      p.click();
+
+      browser.switchToParentFrame();
+
+      Terra.validates.element('focus indicator on the frame when clicked', { selector: '#site' });
+    });
+
+    it('shows visual focus indicator on the frame when tabbing through and focus is on the frame', () => {
+      browser.url('/raw/tests/cerner-terra-framework-docs/embedded-content-consumer/consumers/basic-consumer');
+      browser.keys('Tab');
+
+      Terra.validates.element('focus indicator on the frame when tabbing through', { selector: '#site' });
+    });
+  });
 });
diff --git a/packages/terra-framework-docs/CHANGELOG.md b/packages/terra-framework-docs/CHANGELOG.md
index ebdbbd98ccb..1fd04c9c90e 100644
--- a/packages/terra-framework-docs/CHANGELOG.md
+++ b/packages/terra-framework-docs/CHANGELOG.md
@@ -5,6 +5,9 @@
 * Added
   * Added documentation for FlowsheetDataGrid in `terra-data-grid`.
 
+* Updated
+  * Updated examples, and tests to show the visual focus indicator on the iframe of the embedded content
+
 ## 1.39.0 - (October 3, 2023)
 
 * Added
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/BasicConsumer.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/BasicConsumer.jsx
index ced0983caac..03014249e68 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/BasicConsumer.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/BasicConsumer.jsx
@@ -4,14 +4,10 @@ import { Consumer } from 'xfc';
 import '../providers/EmbeddedContentConsumerCommon.module.scss';
 
 Consumer.init();
-
 const BasicConsumer = () => (
   <EmbeddedContentConsumer
     src="/terra-framework/#/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/basic-provider"
     title="Basic content example"
-    options={{
-      resizeConfig: { scrolling: true },
-    }}
   />
 );
 
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/BasicConsumerWithScrolling.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/BasicConsumerWithScrolling.jsx
index 81080210852..5b6337eef36 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/BasicConsumerWithScrolling.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/BasicConsumerWithScrolling.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import EmbeddedContentConsumer from 'terra-embedded-content-consumer';
 import { Consumer } from 'xfc';
+import '../providers/EmbeddedContentConsumerCommon.module.scss';
 
 Consumer.init();
 
@@ -9,7 +10,7 @@ const BasicConsumerWithScrolling = () => (
     src="/terra-framework/#/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/basic-provider"
     title="Basic content example of scrolling is enabled"
     options={{
-      resizeConfig: { scrolling: true, fixedWidth: '100%', fixedHeight: '100px' },
+      resizeConfig: { scrolling: true, fixedWidth: '100%', fixedHeight: '120px' },
     }}
   />
 );
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/BasicConsumerWithSrcDoc.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/BasicConsumerWithSrcDoc.jsx
index 2739aaf51d5..63150694d81 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/BasicConsumerWithSrcDoc.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/BasicConsumerWithSrcDoc.jsx
@@ -5,8 +5,19 @@ import '../providers/EmbeddedContentConsumerCommon.module.scss';
 
 Consumer.init();
 const BasicConsumerWithSrcDoc = () => {
-  const inlineHtml = '<p><span class=&quot;seoSummary&quot;>The <strong>HTML Inline Frame element (<code>&lt;iframe&gt;</code>)</strong> represents a nested <a href="https://developer.mozilla.org/en-US/docs/Glossary/Browsing_context" target="_blank">browsing context</a>, embedding another HTML page into the current one.</span></p><p><span id=&quot;iframe&quot;></span><span id=&quot;iframe_tag&quot;></span><code class=&quot;html&quot; title=&quot;Inline Frame&quot; style=&quot;font-size:116%;&quot;><b style=&quot;color:#006633&quot;>&lt;iframe</b><b style=&quot;color:#006633&quot;>&gt;</b>...<b style=&quot;color:#006633&quot;>&lt;/iframe&gt;</b></code></p><dl><dd>An inline frame places another HTML document in a frame. Unlike an <code class=&quot;nowrap&quot; style=&quot;&quot;>&lt;object /&gt;</code> element, an <code class=&quot;nowrap&quot; style=&quot;&quot;>&lt;iframe&gt;</code> can be the &quot;target&quot; frame for links defined by other elements, and it can be selected by the user agent as the focus for printing, viewing its source, and so on.</dd><dd>The content of the element is used as alternative text to be displayed if the browser does not support inline frames.</dd><dd>First introduced by Microsoft Internet Explorer in 1997, <b>standardized</b> in HTML 4.0 Transitional, <b>allowed</b> in HTML5.</dd></dl>';
+  const inlineHtml = `
+    <!DOCTYPE html>
+    <html>
+    <head>
+      <title>
+        Example of iframe srcdoc for inline html
+      </title>
+    </head>
 
+    <body>
+    <p><span class=&quot;seoSummary&quot;>The <strong>HTML Inline Frame element (<code>&lt;iframe&gt;</code>)</strong> represents a nested <a href="https://developer.mozilla.org/en-US/docs/Glossary/Browsing_context" target="_blank">browsing context</a>, embedding another HTML page into the current one.</span></p><p><span id=&quot;iframe&quot;></span><span id=&quot;iframe_tag&quot;></span><code class=&quot;html&quot; title=&quot;Inline Frame&quot; style=&quot;font-size:116%;&quot;><b style=&quot;color:#006633&quot;>&lt;iframe</b><b style=&quot;color:#006633&quot;>&gt;</b>...<b style=&quot;color:#006633&quot;>&lt;/iframe&gt;</b></code></p><dl><dd>An inline frame places another HTML document in a frame. Unlike an <code class=&quot;nowrap&quot; style=&quot;&quot;>&lt;object /&gt;</code> element, an <code class=&quot;nowrap&quot; style=&quot;&quot;>&lt;iframe&gt;</code> can be the &quot;target&quot; frame for links defined by other elements, and it can be selected by the user agent as the focus for printing, viewing its source, and so on.</dd><dd>The content of the element is used as alternative text to be displayed if the browser does not support inline frames.</dd><dd>First introduced by Microsoft Internet Explorer in 1997, <b>standardized</b> in HTML 4.0 Transitional, <b>allowed</b> in HTML5.</dd></dl>
+    </body>
+    </html>`;
   return (
     <EmbeddedContentConsumer
       src=""
@@ -19,6 +30,7 @@ const BasicConsumerWithSrcDoc = () => {
             srcdoc: inlineHtml,
             width: '100%',
             height: '200px',
+            scrolling: 'yes',
           },
         }
       }
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/CustomEventConsumer.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/CustomEventConsumer.jsx
index 686dd6a75ac..ca1835e7fbd 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/CustomEventConsumer.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/example/CustomEventConsumer.jsx
@@ -17,9 +17,6 @@ const CustomEventConsumer = () => (
     <EmbeddedContentConsumer
       src="/terra-framework/#/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/custom-event-provider"
       title="Custom Event Example"
-      options={{
-        resizeConfig: { scrolling: true },
-      }}
       eventHandlers={eventHandlers}
     />
   </div>
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/providers/BasicProvider.provider.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/providers/BasicProvider.provider.jsx
index 80360418bc7..d88bf6bdb77 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/providers/BasicProvider.provider.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/providers/BasicProvider.provider.jsx
@@ -7,7 +7,8 @@ const cx = classNames.bind(styles);
 
 const Provider = () => (
   <ProviderTestTemplate>
-    <div className={cx('content-wrapper')}>
+    {/* eslint-disable-next-line */}
+    <div className={cx('content-wrapper')} tabIndex="0" style={{ outline: 'none' }}>
       <h1>Basic Content</h1>
       <p>This example demonstrates that the embedded content consumer will display the providers web content within an iframe.</p>
     </div>
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/providers/DataStatusProvider.provider.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/providers/DataStatusProvider.provider.jsx
index 367f26b7746..e83a42e7ad8 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/providers/DataStatusProvider.provider.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/embedded-content-consumer/providers/DataStatusProvider.provider.jsx
@@ -7,7 +7,8 @@ const cx = classNames.bind(styles);
 
 const DataStatusProvider2 = () => (
   <ProviderTestTemplate>
-    <div className={cx('content-wrapper')}>
+    {/* eslint-disable-next-line */}
+    <div className={cx('content-wrapper')} tabIndex="0" style={{ outline: 'none' }}>
       <h1>Embedded Application Lifecycle</h1>
       <p>The embedded container consumer will go through three lifecyle stages as it loads. These statuses are communicated via `data-status` attributes on the iframe wrapper and listeners can be add to listen for the lifecyle changes of the frame.</p>
       <p>In this example the consumer listens for each lifecyle stage and adds its status value below after a small delay (to help differentiate each lifecycle stages):</p>
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/BasicConsumer.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/BasicConsumer.test.jsx
index e919c55180c..cafaa855a02 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/BasicConsumer.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/BasicConsumer.test.jsx
@@ -9,12 +9,16 @@ const cx = classNames.bind(styles);
 Consumer.init();
 
 const BasicConsumer = () => (
-  <EmbeddedContentConsumer
-    className={cx('iframe')}
-    options={{}}
-    title="Basic Consumer"
-    src="/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/basic-provider"
-  />
+  <div className={cx('consumer-content-wrapper')}>
+    <h2>Embedded Content</h2>
+    <p>The following is an embedded content within an iframe.</p>
+    <EmbeddedContentConsumer
+      className={cx('iframe')}
+      options={{ iframeAttrs: { id: 'basic-consumer-frame' } }}
+      title="Basic Consumer"
+      src="/terra-framework/#/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/basic-provider"
+    />
+  </div>
 );
 
 export default BasicConsumer;
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/BasicConsumerWithScrolling.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/BasicConsumerWithScrolling.test.jsx
index d10e9c55d59..322ac2e3e2d 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/BasicConsumerWithScrolling.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/BasicConsumerWithScrolling.test.jsx
@@ -9,21 +9,25 @@ const cx = classNames.bind(styles);
 Consumer.init();
 
 const BasicConsumerWithScrolling = () => (
-  <EmbeddedContentConsumer
-    className={cx('iframe')}
-    src="/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/custom-events-provider"
-    title="Basic Consumer with Scrolling"
-    options={{
-      iframeAttrs: {
-        id: 'basic-consumer-with-scrolling',
-      },
-      resizeConfig: {
-        fixedHeight: '50px',
-        fixedWidth: '100%',
-        scrolling: true,
-      },
-    }}
-  />
+  <div className={cx('consumer-content-wrapper')}>
+    <h2>Embedded Content</h2>
+    <p>The following is an embedded content within an iframe.</p>
+    <EmbeddedContentConsumer
+      className={cx('iframe')}
+      src="/terra-framework/#/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/custom-events-provider"
+      title="Basic Consumer with Scrolling"
+      options={{
+        iframeAttrs: {
+          id: 'basic-consumer-with-scrolling',
+        },
+        resizeConfig: {
+          fixedHeight: '250px',
+          fixedWidth: '100%',
+          scrolling: true,
+        },
+      }}
+    />
+  </div>
 );
 
 export default BasicConsumerWithScrolling;
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/BasicConsumerWithSrcdoc.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/BasicConsumerWithSrcdoc.test.jsx
index c7030840f74..741236bd501 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/BasicConsumerWithSrcdoc.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/BasicConsumerWithSrcdoc.test.jsx
@@ -9,18 +9,22 @@ const cx = classNames.bind(styles);
 Consumer.init();
 
 const BasicConsumerWithSrcDoc = () => (
-  <EmbeddedContentConsumer
-    className={cx('iframe')}
-    title="Inline HTML Content"
-    options={{
-      iframeAttrs: {
-        id: 'iframe-with-srcdoc', // unique id of this iframe
-        srcdoc: '<h2>Inline HTML with srcdoc</h2><p>Inline HTML content can be used to render the view in the iframe.</p>',
-        width: '100%', // fixed width of this iframe (no auto resize logic)
-        height: '100px', // fixed height of this iframe (no auto resize logic)
-      },
-    }}
-  />
+  <div className={cx('consumer-content-wrapper')}>
+    <h2>Embedded Content</h2>
+    <p>The following is an embedded content within an iframe.</p>
+    <EmbeddedContentConsumer
+      className={cx('iframe')}
+      title="Inline HTML Content"
+      options={{
+        iframeAttrs: {
+          id: 'iframe-with-srcdoc', // unique id of this iframe
+          srcdoc: '<h2>Inline HTML with srcdoc</h2><p>Inline HTML content can be used to render the view in the iframe.</p>',
+          width: '100%', // fixed width of this iframe (no auto resize logic)
+          height: '100px', // fixed height of this iframe (no auto resize logic)
+        },
+      }}
+    />
+  </div>
 );
 
 export default BasicConsumerWithSrcDoc;
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/Consumer.module.scss b/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/Consumer.module.scss
index 79a60787ab4..51c2423fa0e 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/Consumer.module.scss
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/Consumer.module.scss
@@ -1,3 +1,5 @@
+@import 'terra-embedded-content-consumer/src/EmbeddedContentConsumer.module';
+
 :local {
   .iframe {
     iframe {
@@ -5,4 +7,9 @@
       width: 100%;
     }
   }
+
+  .consumer-content-wrapper {
+    margin: 10px;
+    padding: none;
+  }
 }
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/CustomEventConsumer.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/CustomEventConsumer.test.jsx
index cffae8c8ac8..c94cf47eb76 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/CustomEventConsumer.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/CustomEventConsumer.test.jsx
@@ -16,14 +16,18 @@ const eventHandlers = [{
 }];
 
 const CustomEventConsumer = () => (
-  <div id="CustomEvent">
-    <EmbeddedContentConsumer
-      className={cx('iframe')}
-      src="/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/custom-event-provider"
-      eventHandlers={eventHandlers}
-      title="Basic Consumer"
-      options={{}}
-    />
+  <div className={cx('consumer-content-wrapper')}>
+    <h2>Embedded Content</h2>
+    <p>The following is an embedded content within an iframe.</p>
+    <div id="CustomEvent">
+      <EmbeddedContentConsumer
+        className={cx('iframe')}
+        src="/terra-framework/#/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/custom-event-provider"
+        eventHandlers={eventHandlers}
+        title="Basic Consumer"
+        options={{ iframeAttrs: { id: 'custom-event-consumer-frame' } }}
+      />
+    </div>
   </div>
 );
 
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/CustomEventsConsumer.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/CustomEventsConsumer.test.jsx
index 350815e3a21..199c2e8af4f 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/CustomEventsConsumer.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/CustomEventsConsumer.test.jsx
@@ -44,15 +44,19 @@ class CustomEventsConsumer extends React.Component {
     ];
 
     return (
-      <div id="CustomEvents">
-        <EmbeddedContentConsumer
-          className={cx('iframe')}
-          src="/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/custom-events-provider"
-          title="Custom events example"
-          options={{}}
-          onMount={this.onMount}
-          eventHandlers={eventHandlers}
-        />
+      <div className={cx('consumer-content-wrapper')}>
+        <h2>Embedded Content</h2>
+        <p>The following is an embedded content within an iframe.</p>
+        <div id="CustomEvents">
+          <EmbeddedContentConsumer
+            className={cx('iframe')}
+            src="/terra-framework/#/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/custom-events-provider"
+            title="Custom events example"
+            options={{ iframeAttrs: { id: 'custom-events-consumer-frame' } }}
+            onMount={this.onMount}
+            eventHandlers={eventHandlers}
+          />
+        </div>
       </div>
     );
   }
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/DataStatusConsumer.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/DataStatusConsumer.test.jsx
index 05364419d62..b6af58b6f66 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/DataStatusConsumer.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/embedded-content-consumer/consumers/DataStatusConsumer.test.jsx
@@ -42,15 +42,19 @@ const onAuthorize = () => {
 };
 
 const DataStatusConsumer = () => (
-  <EmbeddedContentConsumer
-    className={cx('iframe')}
-    src="/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/data-status-provider"
-    onMount={onMount}
-    onLaunch={onLaunch}
-    onAuthorize={onAuthorize}
-    title="Embedded application lifecycle example"
-    options={options}
-  />
+  <div className={cx('consumer-content-wrapper')}>
+    <h2>Embedded Content</h2>
+    <p>The following is an embedded content within an iframe.</p>
+    <EmbeddedContentConsumer
+      className={cx('iframe')}
+      src="/terra-framework/#/raw/provider/cerner-terra-framework-docs/embedded-content-consumer/providers/data-status-provider"
+      onMount={onMount}
+      onLaunch={onLaunch}
+      onAuthorize={onAuthorize}
+      title="Embedded application lifecycle example"
+      options={options}
+    />
+  </div>
 );
 
 export default DataStatusConsumer;