<div class="max-w-7xl mx-auto relative flex flex-col items-end space-y-4">
  <div class="fixed z-40 mr-8">
    <% flash.each do |type, message| %>
      <%= render Alerts::FlashComponent.new(type: type, message: message) %>
    <% end %>
  </div>
</div>

<div class="relative flex flex-col items-end space-y-4">
  <div class="fixed z-40 mr-8">
    <% flash.each do |type, message| %>
      <%= render Alerts::FlashComponent.new(type: type, message: message) %>
    <% end %>
  </div>
</div>

Move alerts closer to view port right edge
Feature: Move alerts closer to view port right edge

Because:
* It looks more natural as an alert notification when not constrained to the page container.
