From d3f8a0134be3605040c12dd20ae9b2eda847c16a Mon Sep 17 00:00:00 2001
From: E44 <129310925+programmer-44@users.noreply.github.com>
Date: Mon, 12 Jan 2026 20:03:59 +0100
Subject: [PATCH] fix(control): wrong scrollbar behavior in notifications

---
 control/frontend/src/app.css                    | 2 +-
 control/frontend/src/routes/Notification.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/control/frontend/src/app.css b/control/frontend/src/app.css
index 40aa302..6ba379c 100644
--- a/control/frontend/src/app.css
+++ b/control/frontend/src/app.css
@@ -26,7 +26,7 @@
 	}
 }
 
-main {
+html {
 	scrollbar-width: thin;
 	scrollbar-color: var(--color-stone-300) transparent;
 }
diff --git a/control/frontend/src/routes/Notification.svelte b/control/frontend/src/routes/Notification.svelte
index f0ba78b..d1af20e 100644
--- a/control/frontend/src/routes/Notification.svelte
+++ b/control/frontend/src/routes/Notification.svelte
@@ -29,7 +29,7 @@
 				>
 			</div>
 
-			<span class="whitespace-break-spaces max-h-[60vh] overflow-y-auto">{n.message}</span>
+			<span class="max-h-[60vh] overflow-y-auto overflow-x-hidden whitespace-pre-line max-w-full break-normal wrap-anywhere">{n.message}</span>
 
 			<div class="absolute inset-x-0 bottom-0 h-1 bg-white/25">
 				<div class="block h-full w-full bg-white/80 origin-left animate-progress-bar"></div>