From 106fe17aa702ea55d9024871b8a65efebf8203fe Mon Sep 17 00:00:00 2001
From: dandds <dan-ctr@friends.dds.mil>
Date: Tue, 30 Apr 2019 06:56:29 -0400
Subject: [PATCH] adjust alert headers

---
 styles/components/_alerts.scss  | 5 +++++
 templates/components/alert.html | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/styles/components/_alerts.scss b/styles/components/_alerts.scss
index 0aa6aee4..7e1f4a88 100644
--- a/styles/components/_alerts.scss
+++ b/styles/components/_alerts.scss
@@ -4,6 +4,11 @@
  * @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/components/_alerts.scss
  */
 
+.usa-alert-heading {
+  line-height: 2.4rem;
+  margin-bottom: $gap;
+}
+
 @mixin alert {
   padding: $gap * 2;
   border-left-width: $gap / 2;
diff --git a/templates/components/alert.html b/templates/components/alert.html
index d6834f0d..dc5c4330 100644
--- a/templates/components/alert.html
+++ b/templates/components/alert.html
@@ -25,9 +25,9 @@
 
     <div class='usa-alert-body'>
       {% if vue_template %}
-        <h2 class='usa-alert-heading' v-html='title'></h2>
+        <h3 class='usa-alert-heading' v-html='title'></h3>
       {% else %}
-        <h2 class='usa-alert-heading'>{{title}}</h2>
+        <h3 class='usa-alert-heading'>{{title}}</h3>
       {% endif %}
 
       {% if message %}