Issue Summary

The text gets overlapped with the image in the default state.

Steps to Reproduce

1. Open the homepage
2. Activate the Space" button> Select "Test" link > Activate the "More options" button > Activate the "View source" button
3. Navigate to the mentioned instance.
4. Observe that the mentioned text gets overlapped with the image in the default state.

Screenshot 

Actual Result

The "Tip welcome to your first space. Go ahead, edit and customize this home page any way you like. We've added some sample content to get you started." text overlaps with the "success" icon in the default state. 

As a result, it will create a poor experience for all user groups

Expected Result

Text should be displayed as per the user styles to ensure that users can access the content with ease. Ensure that the image does not overlap with other content in its default state.

Define the text and container sizes using percent (%), em, and rem units. In addition, use relative units for defining CSS line-height, letter-spacing, and so on properties and ensure that the mentioned text should not be overlap with the image.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.6.1
Chrome - Version 128.0.6613.120 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.6 (19618.3.11.11.5)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest