cleanup

src/registrar/assets/sass/_theme/_alerts.scss

@@ -1,53 +0,0 @@
-@use "uswds-core" as *;
-@use "base" as *;
-
-// Fixes some font size disparities with the Figma
-// for usa-alert alert elements
-.usa-alert {
-  .usa-alert__heading.larger-font-sizing {
-    font-size: units(3);
-  }
-}
-
-.usa-alert__text.measure-none {
-  max-width: measure(none);
-}
-
-// The icon was off center for some reason
-// Fixes that issue
-@media (min-width: 64em){
-  .usa-alert--warning{
-    .usa-alert__body::before {
-      left: 1rem !important;
-    }
-  }
-  .usa-alert__body.margin-left-1 {
-    margin-left: 0.5rem!important;
-  }
-}
-
-// NOTE: !important is used because _font.scss overrides this
-.usa-alert__body--widescreen {
-  max-width: $widescreen-max-width !important;
-}
-
-.usa-site-alert--hot-pink {
-  .usa-alert {
-    background-color: $hot-pink;
-    border-left-color: $hot-pink;
-    .usa-alert__body {
-      color: color('base-darkest');
-      background-color: $hot-pink;
-    }
-  }
-}
-
-@supports ((-webkit-mask:url()) or (mask:url())) {
-  .usa-site-alert--hot-pink .usa-alert .usa-alert__body::before {
-    background-color: color('base-darkest');
-  }
-}
-
-.usa-site-alert--hot-pink .usa-alert .usa-alert__body::before {
-  background-image: url('../img/usa-icons-bg/error.svg');
-}

src/registrar/templates/includes/input_with_errors.html

@@ -53,11 +53,9 @@ error messages, if necessary.
     <div id="{{ widget.attrs.id }}__error-message">
     {% for error in field.errors %}
       <div class="usa-error-message display-flex" role="alert">
-        <div>
         <svg class="usa-icon usa-icon--large" focusable="true" role="img" aria-label="Error">
           <use xlink:href="{%static 'img/sprite.svg'%}#error"></use>
         </svg>
-        </div>
         <span class="margin-left-05">{{ error }}</span>
       </div>
     {% endfor %}