From cbb668af3233bdd145a31d3b65d0b3b7dbc91297 Mon Sep 17 00:00:00 2001
From: Mariah Jacobs <114685994+mjac0bs@users.noreply.github.com>
Date: Thu, 30 May 2024 17:02:08 -0700
Subject: [PATCH] fix: [M3-7717] - Fix leading whitespace in list of Linode and
 Nodebalancer links for Firewall Services (#10527)

* Fix leading whitespace

* Add changeset
---
 .../pr-10527-fixed-1717019227934.md           |  5 ++++
 .../Firewalls/FirewallLanding/FirewallRow.tsx | 26 +++++++++----------
 2 files changed, 17 insertions(+), 14 deletions(-)
 create mode 100644 packages/manager/.changeset/pr-10527-fixed-1717019227934.md

diff --git a/packages/manager/.changeset/pr-10527-fixed-1717019227934.md b/packages/manager/.changeset/pr-10527-fixed-1717019227934.md
new file mode 100644
index 00000000000..098dbc0dd27
--- /dev/null
+++ b/packages/manager/.changeset/pr-10527-fixed-1717019227934.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+Leading whitespace in list of Firewall Services ([#10527](https://github.com/linode/manager/pull/10527))
diff --git a/packages/manager/src/features/Firewalls/FirewallLanding/FirewallRow.tsx b/packages/manager/src/features/Firewalls/FirewallLanding/FirewallRow.tsx
index 3c3f9a24df1..270442226fa 100644
--- a/packages/manager/src/features/Firewalls/FirewallLanding/FirewallRow.tsx
+++ b/packages/manager/src/features/Firewalls/FirewallLanding/FirewallRow.tsx
@@ -105,21 +105,19 @@ export const getDeviceLinks = (data: FirewallDevice[]): JSX.Element => {
   return (
     <>
       {firstThree.map((thisDevice, idx) => (
-        <Link
-          className="link secondaryLink"
-          data-testid="firewall-row-link"
-          key={thisDevice.id}
-          to={`/${thisDevice.entity.type}s/${thisDevice.entity.id}`}
-        >
-          {idx > 0 && `, `}
-          {thisDevice.entity.label}
-        </Link>
+        <>
+          {idx > 0 && ', '}
+          <Link
+            className="link secondaryLink"
+            data-testid="firewall-row-link"
+            key={thisDevice.id}
+            to={`/${thisDevice.entity.type}s/${thisDevice.entity.id}`}
+          >
+            {thisDevice.entity.label}
+          </Link>
+        </>
       ))}
-      {data.length > 3 && (
-        <span>
-          {`, `}plus {data.length - 3} more.
-        </span>
-      )}
+      {data.length > 3 && <span>, plus {data.length - 3} more.</span>}
     </>
   );
 };