diff --git a/assets/main.scss b/assets/main.scss
index 5df85479..fa92efa1 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -5,6 +5,7 @@
 $blue: #0969da;
 $success: rgba(213, 255, 230, 1);
 $danger: rgba(255, 213, 213, 1);
+$warning: #ffff6a;
 
 // Required components
 @import "../vendor/bootstrap/scss/variables";
@@ -126,9 +127,6 @@ article table {
   @extend .mt-4;
 }
 
-.alert {
-  background-color: #fffdbd;
-  padding: 10px;
-  border: 1px solid #ccc;
-  margin-bottom: 15px;
+.alert > :last-child {
+  @extend .mb-0;
 }
diff --git a/layouts/shortcodes/alert.html b/layouts/shortcodes/alert.html
index ad44aeb7..cdf6a6e5 100644
--- a/layouts/shortcodes/alert.html
+++ b/layouts/shortcodes/alert.html
@@ -1,6 +1,6 @@
-{{ $heading := .Get 0 }}
-
-<div class="alert">
-  <h5>{{ $heading | markdownify }}</h5>
-  <p>{{ .Inner | markdownify }}</p>
-</div>
+{{ $heading := .Get 0 }}
+
+<div class="alert alert-warning" role="alert">
+  <h5>{{ $heading | markdownify }}</h5>
+  <p>{{ .Inner | markdownify }}</p>
+</div>