Move 'x' icon to be in the top right of error message
**Describe the bug**
Move 'x' icon to be in the top right of error message

**Set up**
https://www.kafka-ui.provectus.io/


**Steps to Reproduce**
Steps to reproduce the behavior:

1. Navigate to Schema Registry
2. Edit the Schema
3. Let any field empty
4. Submit the schema
5. Check the error message

**Expected behavior**
Move the 'x' icon to be in the top right of error message

**Screenshots**
<img width="1718" alt="error message schema" src="https://user-images.githubusercontent.com/104780608/174236075-9510ae79-9483-4a6c-9598-795a4d40be0e.png">


kafka-ui-react-app/src/components/Alerts/Alert.styled.ts
kafka-ui-react-app/src/components/Alerts/Alert.styled.ts
diff --git a/kafka-ui-react-app/src/components/Alerts/Alert.styled.ts b/kafka-ui-react-app/src/components/Alerts/Alert.styled.ts
index 131fc922437..298f8749032 100644
--- a/kafka-ui-react-app/src/components/Alerts/Alert.styled.ts
+++ b/kafka-ui-react-app/src/components/Alerts/Alert.styled.ts
@@ -9,7 +9,7 @@ export const Alert = styled.div<{ $type: AlertType }>`
   padding: 12px;
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: baseline;
   filter: drop-shadow(0px 4px 16px ${({ theme }) => theme.alert.shadow});
   margin-top: 10px;
   line-height: 20px;
