diff --git a/packages/web/src/scss/components/Alert/index.html b/packages/web/src/scss/components/Alert/index.html
index 97b32a2665..543e73c254 100644
--- a/packages/web/src/scss/components/Alert/index.html
+++ b/packages/web/src/scss/components/Alert/index.html
@@ -32,7 +32,7 @@ <h2 class="docs-Heading">Alert Colors</h2>
 
     <div class="Alert Alert--danger" role="alert">
       <svg width="24" height="24">
-        <use xlink:href="/icons/svg/sprite.svg#warning" />
+        <use xlink:href="/icons/svg/sprite.svg#danger" />
       </svg>
       <div>Data update failed due to missing internet connection. See <a href="./" class="link-underlined">FAQ</a> for more info.</div>
     </div>
@@ -73,7 +73,7 @@ <h2 class="docs-Heading">Alert Centered</h2>
 
     <div class="Alert Alert--danger Alert--center" role="alert">
       <svg width="24" height="24">
-        <use xlink:href="/icons/svg/sprite.svg#warning" />
+        <use xlink:href="/icons/svg/sprite.svg#danger" />
       </svg>
       <div>Data update failed due to missing internet connection. See <a href="./" class="link-underlined">FAQ</a> for more info.</div>
     </div>
diff --git a/packages/web/src/scss/components/Toast/index.html b/packages/web/src/scss/components/Toast/index.html
index c30aef4990..af5a460014 100644
--- a/packages/web/src/scss/components/Toast/index.html
+++ b/packages/web/src/scss/components/Toast/index.html
@@ -326,7 +326,7 @@ <h2 class="docs-Heading">Colors</h2>
     <div id="my-toast-color-danger" class="ToastBar ToastBar--danger ToastBar--dismissible">
       <div class="ToastBar__content">
         <svg width="20" height="20" aria-hidden="true">
-          <use xlink:href="/icons/svg/sprite.svg#warning" />
+          <use xlink:href="/icons/svg/sprite.svg#danger" />
         </svg>
         <div class="ToastBar__message">
           Danger