diff --git a/airflow/ui/src/components/ErrorAlert.tsx b/airflow/ui/src/components/ErrorAlert.tsx
index cfb4048962d37..86998c0486e68 100644
--- a/airflow/ui/src/components/ErrorAlert.tsx
+++ b/airflow/ui/src/components/ErrorAlert.tsx
@@ -16,12 +16,12 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import { HStack } from "@chakra-ui/react";
 import type { ApiError } from "openapi-gen/requests/core/ApiError";
 import type {
   HTTPExceptionResponse,
   HTTPValidationError,
 } from "openapi-gen/requests/types.gen";
-import { FiAlertTriangle } from "react-icons/fi";
 
 import { Alert } from "./ui";
 
@@ -60,10 +60,10 @@ export const ErrorAlert = ({ error: err }: Props) => {
 
   return (
     <Alert status="error">
-      <FiAlertTriangle />
-      {error.message}
-      <br />
-      {detailMessage}
+      <HStack align="start" flexDirection="column" gap={2} mt={-1}>
+        {error.message}
+        <span>{detailMessage}</span>
+      </HStack>
     </Alert>
   );
 };