diff --git a/src/components/subtitlesettings/subtitlesettings.js b/src/components/subtitlesettings/subtitlesettings.js
index 7231842e68..da548a747c 100644
--- a/src/components/subtitlesettings/subtitlesettings.js
+++ b/src/components/subtitlesettings/subtitlesettings.js
@@ -117,15 +117,10 @@ function onSubtitleModeChange(e) {
 
 function onSubtitleBurnInChange(e) {
     const view = dom.parentWithClass(e.target, 'subtitlesettings');
-
     const fieldRenderPgs = view.querySelector('.fldRenderPgs');
 
     // Pgs option is only available if burn-in mode is set to 'auto' (empty string)
-    if (this.value) {
-        fieldRenderPgs.classList.add('hide');
-    } else {
-        fieldRenderPgs.classList.remove('hide');
-    }
+    fieldRenderPgs.classList.toggle('hide', !!this.value);
 }
 
 function onAppearanceFieldChange(e) {
diff --git a/src/components/subtitlesettings/subtitlesettings.template.html b/src/components/subtitlesettings/subtitlesettings.template.html
index 0bef96d787..003a2a4e22 100644
--- a/src/components/subtitlesettings/subtitlesettings.template.html
+++ b/src/components/subtitlesettings/subtitlesettings.template.html
@@ -37,7 +37,6 @@
             <label>
                 <input is="emby-checkbox" type="checkbox" id="chkSubtitleRenderPgs" />
                 <span>${RenderPgsSubtitle}</span>
-
             </label>
             <div class="fieldDescription checkboxFieldDescription">${RenderPgsSubtitleHelp}</div>
         </div>