From c05f64da2a0262168c1b57288100ed0e544aa881 Mon Sep 17 00:00:00 2001
From: shubhamraj-git <shubhamraj.osc@gmail.com>
Date: Mon, 23 Dec 2024 01:19:22 +0530
Subject: [PATCH] refactor

---
 airflow/ui/src/components/ErrorAlert.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

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>
   );
 };