Problem Description:
- Add a parent element div to alert and add the class name alert-wrap
<div className="alert-wrap">
<Alert
message="xxxx"
type="warning"
showIcon={true}
/>
</div>
- add style
.alert-wrap {
padding-left: 24px;
}
.alert-wrap.ant-alert {
align-items: flex-start;
padding: 5px10px;
}
.alert-wrap.ant-alert.ant-alert-icon {
margin-top: 4px;
}
After modification: