From 0911c6528cfd5fe4ee30fbc002200f96a25925d4 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Thu, 16 Jan 2025 09:16:17 +0100
Subject: [PATCH] ui: wrap error logs

---
 .../Header/HealthStatus/SubserviceHealth/SubserviceHealth.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/Header/HealthStatus/SubserviceHealth/SubserviceHealth.tsx b/frontend/app/components/Header/HealthStatus/SubserviceHealth/SubserviceHealth.tsx
index c3742ece6..6c168e102 100644
--- a/frontend/app/components/Header/HealthStatus/SubserviceHealth/SubserviceHealth.tsx
+++ b/frontend/app/components/Header/HealthStatus/SubserviceHealth/SubserviceHealth.tsx
@@ -32,9 +32,9 @@ function SubserviceHealth({
             </div>
           ) : null}
           {subservice?.details?.errors?.length ? (
-            <div className={'py-2 px-4 bg-white rounded border border-light-gray'}>
+            <div className={'py-2 px-4 bg-white rounded border border-light-gray flex gap-1 flex-wrap'}>
               <div>Error log:</div>
-              {subservice.details.errors.toString()}
+              <div>{subservice.details.errors.toString()}</div>
             </div>
           ) : subservice?.health ? null : (
             'Service not responding'