diff --git a/src/ux-components/alert/alert.vue b/src/ux-components/alert/alert.vue
index 0537599f..b6c0e697 100644
--- a/src/ux-components/alert/alert.vue
+++ b/src/ux-components/alert/alert.vue
@@ -8,9 +8,21 @@
cssClassNameForCmsWidget,
]">
-
+ :id="collapseId"
+ class="alert-body">
@@ -69,9 +92,7 @@
:text="getRouterLinkDisplayTextFromCopy(copy)"
href="#!"
:data-bs-target="'#' + getRouterLinkRouteFromCopy(copy)"
- @click-event="
- $emit('textLinkClicked', getRouterLinkRouteFromCopy(copy))
- " />
+ @clickEvent="$emit('textLinkClicked', getRouterLinkRouteFromCopy(copy))" />
@@ -210,13 +232,18 @@ export default {
margin-bottom: 2rem;
.alert-header {
display: flex;
- align-items: center;
+ align-items: flex-start;
justify-content: center;
flex-direction: row;
padding: .75rem 1rem .75rem 1rem;
font-weight: 600;
color: $black;
}
+ .alert-icon-container {
+ display: flex;
+ align-items: center;
+ height: 1.625rem;
+ }
.alert-icon {
min-width: 1rem;
max-height: 1rem;
@@ -259,7 +286,7 @@ export default {
padding: .5rem 1rem .75rem 1rem;
border-top: 1px solid;
color: $darker-gray;
- line-height: 26px;
+ line-height: 1.625rem;
font-weight: 400;
}
&.alert-info {