diff --git a/scipost/static/scipost/assets/config/preconfig.scss b/scipost/static/scipost/assets/config/preconfig.scss
index 016a91ec34b3ea9a8818133ee5e56e556777408b..9d286dcfa8877ec17ba6377726e41d2e7cd9a8b1 100644
--- a/scipost/static/scipost/assets/config/preconfig.scss
+++ b/scipost/static/scipost/assets/config/preconfig.scss
@@ -16,15 +16,6 @@ $container-max-widths: (
     margin-bottom: 1rem;
 }
 
-// Cards
-//
-$card-spacer-x: 0.75rem;
-$card-border-radius: 1px;
-$card-border-color: #fff;
-$card-cap-bg: transparent;
-$btn-secondary-border-color: #f1f1f1;
-$card-shadow-color: #ccc;
-
 // Colors
 //
 $scipost-light: #C3D7EE;
@@ -36,6 +27,22 @@ $green: #6ebb6e;
 $blue: $scipost-lightblue !default;
 $body-color: $scipost-darkblue !default;
 
+// Alerts
+//
+$alert-success-text: $scipost-darkblue;
+$alert-warning-text: $scipost-darkblue;
+$alert-danger-text: $scipost-darkblue;
+$alert-border-radius: $border-radius-base;
+
+// Cards
+//
+$card-spacer-x: 0.75rem;
+$card-border-radius: 1px;
+$card-border-color: #fff;
+$card-cap-bg: transparent;
+$btn-secondary-border-color: #f1f1f1;
+$card-shadow-color: #ccc;
+
 // breadcrumb
 //
 $breadcrumb-bg: #f9f9f9;
diff --git a/scipost/static/scipost/assets/css/_alert.scss b/scipost/static/scipost/assets/css/_alert.scss
index 9f4b86666baf1d6db74a0ae31726a4dee4c7adae..395845eaaa7ee9cb89be5c18455c349ec681b35b 100644
--- a/scipost/static/scipost/assets/css/_alert.scss
+++ b/scipost/static/scipost/assets/css/_alert.scss
@@ -1,3 +1,25 @@
+.alert {
+    padding: 0.75rem 3rem 0.75rem 1.25rem;
+    margin-bottom: 0.5rem;
+    position: relative;
+    clear: both;
+    float: left;
+
+    &:last-child {
+        margin-bottom: 1rem;
+    }
+}
+
 .alert-error {
   @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
 }
+
+.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
+.alert-dismissible {
+  // Adjust close link position
+  .close {
+      position: absolute;
+    top: 0;
+    right: 0;
+  }
+}