diff --git a/app/components/tailwind/alert_component.html.erb b/app/components/tailwind/alert_component.html.erb
index ef0b0d157..fb34e1fe5 100644
--- a/app/components/tailwind/alert_component.html.erb
+++ b/app/components/tailwind/alert_component.html.erb
@@ -5,7 +5,7 @@
   <div class="grow"><%= content %></div>
   <%# TODO: Button needs a hover state %>
   <%# TODO: This button doesn't do anything without javascript, so hide it until js is running %>
-  <button x-on:click="open=false" class="self-start hover:text-white-hover focus:outline-none focus:bg-sun-yellow focus:text-navy">
+  <button x-on:click="open=false" class="self-start p-2 hover:text-white-hover focus:outline-none focus:bg-sun-yellow focus:text-navy">
     <%= render Tailwind::Icon.new(name: :dismiss) %>
   </button>
 </div>