diff --git a/components/meter/meter-styles.js b/components/meter/meter-styles.js
index 190ee1219b6..18ac3c0b0bb 100644
--- a/components/meter/meter-styles.js
+++ b/components/meter/meter-styles.js
@@ -1,5 +1,8 @@
 import '../colors/colors.js';
-import { css } from 'lit';
+import { css, unsafeCSS } from 'lit';
+import { getFlag } from '../../helpers/flags.js';
+
+const overflowWrapValue = unsafeCSS(getFlag('GAUD-10606-overflow-wrap-anywhere', true) ? 'anywhere' : 'normal');
 
 export const meterStyles = css`
 	.d2l-meter-container {
@@ -28,6 +31,7 @@ export const meterStyles = css`
 		color: var(--d2l-color-ferrite);
 		fill: var(--d2l-color-ferrite);
 		line-height: 0.8rem;
+		overflow-wrap: ${overflowWrapValue};
 		text-align: center;
 	}
 	:host([foreground-light]) .d2l-meter-text {
diff --git a/components/meter/test/golden/meter-circle/chromium/text-long-word.png b/components/meter/test/golden/meter-circle/chromium/text-long-word.png
new file mode 100644
index 00000000000..e783c697ee8
Binary files /dev/null and b/components/meter/test/golden/meter-circle/chromium/text-long-word.png differ
diff --git a/components/meter/test/golden/meter-radial/chromium/text-long-word-rtl.png b/components/meter/test/golden/meter-radial/chromium/text-long-word-rtl.png
new file mode 100644
index 00000000000..1c9d04a7a7b
Binary files /dev/null and b/components/meter/test/golden/meter-radial/chromium/text-long-word-rtl.png differ
diff --git a/components/meter/test/golden/meter-radial/chromium/text-long-word.png b/components/meter/test/golden/meter-radial/chromium/text-long-word.png
new file mode 100644
index 00000000000..111e1347260
Binary files /dev/null and b/components/meter/test/golden/meter-radial/chromium/text-long-word.png differ
diff --git a/components/meter/test/meter-circle.vdiff.js b/components/meter/test/meter-circle.vdiff.js
index 98aa06b7170..799e437fe7e 100644
--- a/components/meter/test/meter-circle.vdiff.js
+++ b/components/meter/test/meter-circle.vdiff.js
@@ -23,6 +23,7 @@ describe('meter-circle', () => {
 		{ name: '100-percent', template: html`<d2l-meter-circle value="10" max="10" percent></d2l-meter-circle>` },
 		{ name: 'text', template: html`<d2l-meter-circle value="10" max="10" text="Done!"></d2l-meter-circle>` },
 		{ name: 'text-text-hidden', template: html`<d2l-meter-circle value="10" max="10" text="Completed" text-hidden></d2l-meter-circle>` },
+		{ name: 'text-long-word', template: html`<d2l-meter-circle value="10" max="10" text="Pneumonoultramicroscopicsilicovolcanoconiosis"></d2l-meter-circle>` },
 		{ name: 'foreground-light', wrapped: true, template: html`
 			<div style="background-color: var(--d2l-color-celestine); padding: 1rem;">
 				<d2l-meter-circle value="16" max="47" foreground-light></d2l-meter-circle>
diff --git a/components/meter/test/meter-radial.vdiff.js b/components/meter/test/meter-radial.vdiff.js
index 30fa2bf6568..8227d634263 100644
--- a/components/meter/test/meter-radial.vdiff.js
+++ b/components/meter/test/meter-radial.vdiff.js
@@ -8,6 +8,7 @@ describe('meter-radial', () => {
 			{ name: 'progress', template: html`<d2l-meter-radial value="16" max="47"></d2l-meter-radial>` },
 			{ name: 'percent', template: html`<d2l-meter-radial value="16" max="47" percent></d2l-meter-radial>` },
 			{ name: 'text', template: html`<d2l-meter-radial value="10" max="10" percent text="Completed"></d2l-meter-radial>` },
+			{ name: 'text-long-word', template: html`<d2l-meter-radial value="10" max="10" percent text="Pneumonoultramicroscopicsilicovolcanoconiosis"></d2l-meter-radial>` },
 		].forEach(({ name, template }) => {
 			it(`${name}${ rtl ? '-rtl' : ''}`, async() => {
 				const elem = await fixture(template, { rtl });