diff --git a/packages/webui/src/client/styles/prompter.scss b/packages/webui/src/client/styles/prompter.scss
index 1c03e8c9401..db248eec21a 100644
--- a/packages/webui/src/client/styles/prompter.scss
+++ b/packages/webui/src/client/styles/prompter.scss
@@ -13,7 +13,7 @@
 		/* Pretty Modern Browsers */ url('../../fonts/Overpass/Overpass-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
 }
 
-body.prompter-scrollbar {
+.prompter-scrollbar {
 	&::-webkit-scrollbar {
 		width: 20px;
 		height: 20px;
diff --git a/packages/webui/src/client/styles/rundownView.scss b/packages/webui/src/client/styles/rundownView.scss
index b647eabfa65..fd97d8c7834 100644
--- a/packages/webui/src/client/styles/rundownView.scss
+++ b/packages/webui/src/client/styles/rundownView.scss
@@ -175,12 +175,12 @@ $break-width: 35rem;
 	}
 }
 
-body.vertical-overflow-only {
+.vertical-overflow-only {
 	overflow-x: hidden;
 	overflow-y: auto;
 }
 
-body.no-overflow {
+.no-overflow {
 	overflow-x: hidden;
 	overflow-y: hidden;
 }
diff --git a/packages/webui/src/client/ui/Prompter/PrompterView.tsx b/packages/webui/src/client/ui/Prompter/PrompterView.tsx
index 5af6906c27b..fb4bf180667 100644
--- a/packages/webui/src/client/ui/Prompter/PrompterView.tsx
+++ b/packages/webui/src/client/ui/Prompter/PrompterView.tsx
@@ -243,9 +243,8 @@ export class PrompterViewContent extends React.Component<Translated<IProps & ITr
 			themeColor.setAttribute('content', '#000000')
 		}
 
-		document.body.classList.add(
-			'dark',
-			'xdark',
+		document.body.classList.add('dark', 'xdark')
+		document.documentElement.classList.add(
 			'prompter-scrollbar',
 			this.configOptions.showScroll ? 'vertical-overflow-only' : 'no-overflow'
 		)
@@ -266,9 +265,8 @@ export class PrompterViewContent extends React.Component<Translated<IProps & ITr
 			themeColor.setAttribute('content', themeColor.getAttribute('data-content') || '#ffffff')
 		}
 
-		document.body.classList.remove(
-			'dark',
-			'xdark',
+		document.body.classList.remove('dark', 'xdark')
+		document.documentElement.classList.remove(
 			'prompter-scrollbar',
 			this.configOptions.showScroll ? 'vertical-overflow-only' : 'no-overflow'
 		)