From bece0905722440bbb43a9d05021181985b00f493 Mon Sep 17 00:00:00 2001
From: Dominik Henneke <dominik.henneke@sda-se.com>
Date: Mon, 1 Mar 2021 17:10:42 +0100
Subject: [PATCH] Improve rendering of multiple support item links in the
 SupportButton

Signed-off-by: Dominik Henneke <dominik.henneke@sda-se.com>
---
 .changeset/rude-ways-camp.md                         |  5 +++++
 .../src/components/SupportButton/SupportButton.tsx   | 12 ++++++------
 2 files changed, 11 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/rude-ways-camp.md

diff --git a/.changeset/rude-ways-camp.md b/.changeset/rude-ways-camp.md
new file mode 100644
index 0000000000..37413141bd
--- /dev/null
+++ b/.changeset/rude-ways-camp.md
@@ -0,0 +1,5 @@
+---
+'@backstage/core': patch
+---
+
+Improve rendering of multiple support item links in the `SupportButton`
diff --git a/packages/core/src/components/SupportButton/SupportButton.tsx b/packages/core/src/components/SupportButton/SupportButton.tsx
index 7c532c0f8f..09bd27de2f 100644
--- a/packages/core/src/components/SupportButton/SupportButton.tsx
+++ b/packages/core/src/components/SupportButton/SupportButton.tsx
@@ -66,12 +66,12 @@ const SupportListItem = ({ item }: { item: SupportItem }) => {
       <ListItemText
         primary={item.title}
         secondary={
-          <>
-            {item.links &&
-              item.links.map(link => (
-                <SupportLink link={link} key={link.url} />
-              ))}
-          </>
+          item.links &&
+          item.links
+            .map<React.ReactNode>(link => (
+              <SupportLink link={link} key={link.url} />
+            ))
+            .reduce((prev, curr, idx) => [prev, <br key={idx} />, curr])
         }
       />
     </ListItem>