diff --git a/src/components/Banner.astro b/src/components/Banner.astro
index da582248..5ae2641a 100644
--- a/src/components/Banner.astro
+++ b/src/components/Banner.astro
@@ -6,6 +6,10 @@ interface Props {
 const { text } = Astro.props as Props;
 ---
 
-<div class="text-center p-3 bg-[#ffc82c] text-black text-base mb-4 dark:text-white dark:bg-[#856200]">
-  <p class="font-normal" set:html={text} />
+<div class="p-3 bg-[#ffc82c] text-black text-base mb-4 dark:text-white dark:bg-[#856200]">
+  <div class="min-w-full mx-auto px-6">
+    <div class="mx-auto max-w-xl prose prose-p:text-black prose:a:font-normal dark:prose-p:text-white dark:prose-a:text-white text-center">
+      <p set:html={text} />
+    </div>
+  </div>
 </div>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index f0b7569c..1737b038 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -71,6 +71,10 @@ const isFrontPage = Astro.props.isFront;
         <Banner text={"<a href='/drupal-testing'>Register now for my Drupal automated testing workshop &rarr;</a>"} />
       )}
 
+      {true && (
+        <Banner text={"Drupal 9 will be unsupported in November 2023. If you're stuck on Drupal 8 or 9, get unstuck with a <a href='/drupal-upgrade'>Drupal upgrade roadmap</a>."} />
+      )}
+
       <Navbar />
 
       <div class="py-10 px-6 mx-auto max-w-xl md:py-10">