From 79c8116704a8ed971b17e16826f00f5872af22e1 Mon Sep 17 00:00:00 2001
From: ianshade <ianshade@users.noreply.github.com>
Date: Fri, 22 May 2026 00:06:45 +0200
Subject: [PATCH] fix(EAV-476): bring back prompter scrollbar styling

fixing a regression that must have happened with introduction of bootstrap
---
 packages/webui/src/client/styles/prompter.scss         |  2 +-
 packages/webui/src/client/styles/rundownView.scss      |  4 ++--
 packages/webui/src/client/ui/Prompter/PrompterView.tsx | 10 ++++------
 3 files changed, 7 insertions(+), 9 deletions(-)

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'
 		)