From 210eb823695b0636788bef07ea85197374114dc5 Mon Sep 17 00:00:00 2001
From: Nawaz Dhandala <hello@nawazdhandala.com>
Date: Wed, 10 Dec 2025 11:36:42 +0000
Subject: [PATCH] fix: update resource grouping output to use <br/> for HTML
 rendering

---
 Common/Server/Utils/StatusPageResource.ts            | 2 +-
 Common/Tests/Server/Utils/StatusPageResource.test.ts | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/Common/Server/Utils/StatusPageResource.ts b/Common/Server/Utils/StatusPageResource.ts
index cb618c107b..d4f33642fd 100644
--- a/Common/Server/Utils/StatusPageResource.ts
+++ b/Common/Server/Utils/StatusPageResource.ts
@@ -84,6 +84,6 @@ export default class StatusPageResourceUtil {
       }
     }
 
-    return formattedGroups.join("\n") || defaultValue;
+    return formattedGroups.join("<br/>") || defaultValue;
   }
 }
diff --git a/Common/Tests/Server/Utils/StatusPageResource.test.ts b/Common/Tests/Server/Utils/StatusPageResource.test.ts
index e274e9a169..5911c9b5ad 100644
--- a/Common/Tests/Server/Utils/StatusPageResource.test.ts
+++ b/Common/Tests/Server/Utils/StatusPageResource.test.ts
@@ -43,11 +43,11 @@ describe("StatusPageResourceUtil", () => {
         StatusPageResourceUtil.getResourcesGroupedByGroupName(resources);
       /*
        * Groups should be formatted as "GroupName: Resource1, Resource2"
-       * Multiple groups separated by newlines
+       * Multiple groups separated by <br/> for HTML rendering
        */
       expect(result).toContain("EU: Infrastructure, Website");
       expect(result).toContain("UK: Infrastructure, API");
-      expect(result).toContain("\n");
+      expect(result).toContain("<br/>");
     });
 
     it("should handle mixed grouped and ungrouped resources", () => {