Safari: Site alert caret to expand is missing

[bennettcc]

Basic Information

• Issue: Safari - the caret pointing downward and upward when expanding and collapsing the alert is missing
• Desired Outcome: caret should be displayed

ESTIMATE: 2

Steps to Reproduce

1. add standard NCI site alert and place block
2. navigate to any page on Safari
3. the alert can be expanded by clicking on it, but no caret present

Screen Shots

[bennettcc]

Per discussion with @arcepaul - this ticket will not require a change to platform code. Instead, this is a content fix that can be made by updating the content markup.

[arcepaul]

The svg for the arrow icon will just need to be changed to the following:

<svg class="usa-icon" role="img" aria-hidden="true" viewBox="0 0 64 39" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M.655 34.187c-.427-.437-.64-.937-.64-1.503 0-.566.213-1.067.64-1.502L30.542.756c.427-.436.918-.653 1.474-.653.555 0 1.048.218 1.474.653l29.884 30.426c.428.435.642.936.642 1.502s-.213 1.066-.642 1.501l-3.206 3.265c-.427.436-.919.653-1.475.653-.555 0-1.047-.217-1.475-.653L32.016 11.79 6.81 37.45c-.427.436-.919.653-1.474.653-.556 0-1.048-.217-1.475-.653L.655 34.187z"></path>
</svg>

[meglake]

Hi @arcepaul, please update the NCIDS with the svg code and documentation: https://designsystem-dev.cancer.gov/develop/components/site-alert