From 70577a06a1b4ec601a1374da1d9cb8f781afcdc1 Mon Sep 17 00:00:00 2001
From: Phillip Lovelace <phillip.lovelace@kajabi.com>
Date: Tue, 28 May 2024 14:44:16 -0700
Subject: [PATCH] feat(badge-react): convert icons to pine

---
 packages/sage-react/lib/Badge/Badge.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/sage-react/lib/Badge/Badge.jsx b/packages/sage-react/lib/Badge/Badge.jsx
index 1f20f4c048..84318965f3 100644
--- a/packages/sage-react/lib/Badge/Badge.jsx
+++ b/packages/sage-react/lib/Badge/Badge.jsx
@@ -48,10 +48,10 @@ export const Badge = React.forwardRef(({
         <span className="sage-badge__value-text">
           {value}
         </span>
+        {isInteractive && (
+          <pds-icon name="down-small" size="12px" class="sage-badge__decor-icon sage-badge__decor-icon--down-small"> </pds-icon>
+        )}
       </TagName>
-      {(isInteractive === true) && (
-        <span className="sage-badge__decor-icon sage-badge__decor-icon--down-small" />
-      )}
     </span>
   );
 });