diff --git a/app/javascript/template_builder/builder.vue b/app/javascript/template_builder/builder.vue
index 84c3d026..42faffd3 100644
--- a/app/javascript/template_builder/builder.vue
+++ b/app/javascript/template_builder/builder.vue
@@ -7,7 +7,7 @@
       v-if="pendingFieldAttachmentUuids.length"
       class="top-1.5 sticky h-0 z-20 max-w-2xl mx-auto"
     >
-      <div class="alert border-base-300 py-2 px-2.5 rounded-xl">
+      <div class="alert border-base-content/30 py-2 px-2.5">
         <IconInfoCircle
           class="stroke-info shrink-0 w-6 h-6"
         />
diff --git a/app/views/shared/_flash.html.erb b/app/views/shared/_flash.html.erb
index 5eee11bd..1d7976ba 100644
--- a/app/views/shared/_flash.html.erb
+++ b/app/views/shared/_flash.html.erb
@@ -1,6 +1,6 @@
 <div id="flash" class="absolute top-0 w-full h-0 z-20">
   <div class="max-w-xl mx-auto mt-1.5">
-    <div class="px-4 py-3 rounded-2xl bg-base-200 flex items-center justify-between mx-4 md:mx-0">
+    <div class="px-4 py-3 rounded-2xl bg-base-200 border border-base-content/30 flex items-center justify-between mx-4 md:mx-0">
       <div class="flex items-center space-x-3">
         <% if flash[:notice] %>
           <%= svg_icon('info_circle', class: 'stroke-info flex-none w-6 h-6') %>