From c4aa46a35e8d7889d3ae116e40027037db0c8377 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Thu, 5 Jun 2025 11:21:52 -0500
Subject: [PATCH] Fix that flash notices invisibly overlapped navbar

---
 app/assets/stylesheets/flash.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/flash.css b/app/assets/stylesheets/flash.css
index 8eaddb0aa..e94a1ce80 100644
--- a/app/assets/stylesheets/flash.css
+++ b/app/assets/stylesheets/flash.css
@@ -1,10 +1,11 @@
 @layer components {
   .flash {
     display: flex;
-    inline-size: 100%;
-    inset: var(--block-space) auto auto auto;
+    inset-block-start: var(--block-space);
+    inset-inline-start: 50%;
     justify-content: center;
     position: fixed;
+    transform: translate(-50%);
     z-index: 6;
   }