diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css
index d8baf27587ff675b6e331695b0cd834886a0eaa8..cbb3a1f336c9f003aae970c23d60982b71b0eff2 100644
--- a/app/assets/stylesheets/application.tailwind.css
+++ b/app/assets/stylesheets/application.tailwind.css
@@ -44,7 +44,16 @@ select {
 #flash {
   @apply mx-auto flex items-center flex-col gap-1 p-2;
   .flash {
-    @apply bg-slate-50 border-slate-100 border inline-block p-2 rounded-md shadow;
+    @apply bg-slate-100 border-slate-200 border inline-block p-2 rounded-lg shadow;
+    &.alert-notice {
+      @apply bg-sky-200 border-sky-400;
+    }
+    &.alert-error {
+      @apply bg-red-200 border-red-400;
+    }
+    &.alert-success {
+      @apply bg-green-200 border-green-400;
+    }
   }
 }
 .main-nav {
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index c817a0a5c77f1817cb6fa12964c1c59d2843affe..5be7e3c325fdfc98551554311392fece19e43bc3 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -25,6 +25,7 @@
           <%= link_to 'Logout', logout_path, data: { turbo_method: :post } %>
         <% else %>
           Not logged in
+          <%= link_to 'Login', login_path %>
         <% end %>
         </div>
       </div>