diff --git a/app/webpacker/css/admin_v3/components/messages.scss b/app/webpacker/css/admin_v3/components/messages.scss
index 61dd751a55..a2f9b8d562 100644
--- a/app/webpacker/css/admin_v3/components/messages.scss
+++ b/app/webpacker/css/admin_v3/components/messages.scss
@@ -27,35 +27,35 @@
 
 .flash-container {
   position: fixed;
-  top: 0;
-  left: 0;
+  bottom: 0;
   width: 100%;
   z-index: 1000;
+  display: flex;
+  justify-content: center;
 
   .flash {
-    padding: 18px;
-    text-align: center;
-    font-size: 120%;
-    color: $color-1;
+    position: relative;
+    bottom: 3.5rem;
+    padding: 1rem;
+    min-width: 24rem;
+    max-width: 48.25em;
     font-weight: 600;
-    margin-top: 0;
+    background-color: $light-grey;
+    border-radius: $border-radius;
+    box-shadow: $box-shadow;
 
-    &.notice {
-      background-color: rgba($color-notice, 0.8);
-    }
     &.success {
-      background-color: rgba($color-success, 0.8);
+      color: $color-flash-success-text;
+      background-color: $color-flash-success-bg;
+    }
+    &.notice {
+      color: $color-flash-notice-text;
+      background-color: $color-flash-notice-bg;
+      border-left: $border-radius solid $red;
     }
     &.error {
-      background-color: rgba($color-error, 0.8);
-    }
-
-    // Adjust heights to fit main layout dimension (header, navbar...)
-    &:nth-child(2) {
-      padding: 24px;
-    }
-    &:nth-child(3) {
-      padding: 20px;
+      color: $color-flash-error-text;
+      background-color: $color-flash-error-bg;
     }
   }
 }
diff --git a/app/webpacker/css/admin_v3/globals/variables.scss b/app/webpacker/css/admin_v3/globals/variables.scss
index 7a682d895d..d2da9c519c 100644
--- a/app/webpacker/css/admin_v3/globals/variables.scss
+++ b/app/webpacker/css/admin_v3/globals/variables.scss
@@ -25,6 +25,12 @@ $color-success:                  $green !default;
 $color-notice:                   $yellow !default;
 $color-warning:                  $red !default;
 $color-error:                    $red !default;
+$color-flash-success-text:       $white !default;
+$color-flash-success-bg:         $near-black !default;
+$color-flash-notice-text:        $color-body-text !default;
+$color-flash-notice-bg:          $fair-pink !default;
+$color-flash-error-text:         $white !default;
+$color-flash-error-bg:           $color-error !default;
 
 // Table styles
 $color-tbl-bg:                   $light-grey !default;
diff --git a/app/webpacker/css/admin_v3/shared/forms.scss b/app/webpacker/css/admin_v3/shared/forms.scss
index 601fad9bde..90ae20cf3f 100644
--- a/app/webpacker/css/admin_v3/shared/forms.scss
+++ b/app/webpacker/css/admin_v3/shared/forms.scss
@@ -269,8 +269,8 @@ fieldset {
   box-shadow: $box-shadow;
   background-color: $fair-pink;
   border: none;
-  border-left: 4px solid $red;
-  border-radius: 4px;
+  border-left: $border-radius solid $red;
+  border-radius: $border-radius;
   margin: 0.5em 0;
   padding: 0;