diff --git a/app/views/layouts/shared/_htmldoc.html.erb b/app/views/layouts/shared/_htmldoc.html.erb
index b53b5880..6123b318 100644
--- a/app/views/layouts/shared/_htmldoc.html.erb
+++ b/app/views/layouts/shared/_htmldoc.html.erb
@@ -6,8 +6,8 @@
   </head>
 
   <body class="h-full antialiased" data-controller="sidebar" data-sidebar-user-id-value="<%= Current.user&.id %>">
-    <div class="fixed z-50 bottom-6 left-6">
-      <div id="notification-tray" class="space-y-1">
+    <div class="fixed z-50 bottom-6 left-24 w-80">
+      <div id="notification-tray" class="space-y-1 w-full">
         <%= render_flash_notifications %>
 
         <% if Current.family&.syncing? %>
diff --git a/app/views/shared/_syncing_notice.html.erb b/app/views/shared/_syncing_notice.html.erb
index 791a265b..8458a423 100644
--- a/app/views/shared/_syncing_notice.html.erb
+++ b/app/views/shared/_syncing_notice.html.erb
@@ -1,4 +1,4 @@
-<%= tag.div id: "syncing-notice", class: "flex gap-3 rounded-lg border bg-white p-4 group max-w-80 shadow-xs border-alpha-black-25" do %>
+<%= tag.div id: "syncing-notice", class: "flex gap-3 rounded-lg border bg-white p-4 group w-full shadow-xs border-alpha-black-25" do %>
   <div class="h-5 w-5 shrink-0 p-px text-white">
     <%= lucide_icon "loader", class: "w-5 h-5 text-secondary animate-pulse" %>
   </div>
