From 00d93c1abe8834ae4c6624ca14516fffb1bc8562 Mon Sep 17 00:00:00 2001
From: Anuj Jain <anujjainaj16@gmail.com>
Date: Sun, 11 Oct 2026 00:36:51 +0530
Subject: [PATCH] Fix notice text overflowing its box on narrow screens

---
 src/routes/+layout.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index a576b2f..1c86221 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -41,7 +41,7 @@
 
 	<div class="section p-12">
 		<article class="message is-danger mx-3 mt-3 mb-3">
-			<div class="message-body has-text-centered">
+			<div class="message-body has-text-centered notice-body">
 				<h1>
 					<Overlay
 						id="dev-notice"
@@ -56,7 +56,7 @@
 		</article>
 		{#if $currentLocale !== "en"}
 			<article class="message is-danger mx-3 mt-3 mb-3">
-				<div class="message-body has-text-centered">
+				<div class="message-body has-text-centered notice-body">
 					<h1>
 						<Overlay id="translation-notice">
 							<a
@@ -82,3 +82,9 @@
 
 	<Footer />
 </FluentProvider>
+
+<style>
+	.notice-body {
+		overflow-wrap: anywhere;
+	}
+</style>