border alert

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"
         />

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') %>