videojs
diff --git a/‎src/js/tracks/text-track-settings-font.js
+1-1 b/‎src/js/tracks/text-track-settings-font.js
+1-1
diff --git a/‎test/unit/tracks/text-track-settings.test.js
+12 b/‎test/unit/tracks/text-track-settings.test.js
+12
@@ -58,7 +58,7 @@ class TextTrackSettingsFont extends Component {
       player,
       {
         id_,
-        legendId: `captions-background-${id_}`,
+        legendId: `captions-edge-style-${id_}`,
         legendText: this.localize('Text Edge Style'),
         className: 'vjs-edge-style vjs-track-setting',
         selects: this.options_.fieldSets[1],
 
@@ -397,3 +397,15 @@ QUnit.test('should associate <label>s with <select>s', function(assert) {
   );
 
 });
+
+QUnit.test('should not duplicate ids', function(assert) {
+  const player = TestHelpers.makePlayer({
+    tracks
+  });
+
+  const elements = [...player.el().querySelectorAll('[id]')];
+  const ids = elements.map(el => el.id);
+  const duplicates = elements.filter(el => ids.filter(id => id === el.id).length > 1);
+
+  assert.strictEqual(duplicates.length, 0, 'there should be no duplicate ids');
+});
Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,7 @@ class TextTrackSettingsFont extends Component {`
`58`	`58`	`player,`
`59`	`59`	`{`
`60`	`60`	`id_,`
`61`		- legendId: `captions-background-${id_}`,
	`61`	+ legendId: `captions-edge-style-${id_}`,
`62`	`62`	`legendText: this.localize('Text Edge Style'),`
`63`	`63`	`className: 'vjs-edge-style vjs-track-setting',`
`64`	`64`	`selects: this.options_.fieldSets[1],`