From 1e1821fdb3e84ec54a4f1a3f3a74258b3ee64de1 Mon Sep 17 00:00:00 2001
From: Sag <guptazy@gmail.com>
Date: Tue, 24 Oct 2023 13:50:31 -0300
Subject: [PATCH] Fixed undefined css class in the Link component (#18745)

no issue
---
 apps/admin-x-settings/src/admin-x-ds/global/Link.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/admin-x-settings/src/admin-x-ds/global/Link.tsx b/apps/admin-x-settings/src/admin-x-ds/global/Link.tsx
index cd740b0fc1..dc389789e5 100644
--- a/apps/admin-x-settings/src/admin-x-ds/global/Link.tsx
+++ b/apps/admin-x-settings/src/admin-x-ds/global/Link.tsx
@@ -19,9 +19,13 @@ const Link: React.FC<LinkProps> = ({href, color, className, children, ...props})
         color = 'green';
     }
 
-    let styles = (color === 'black') ? `transition text-black hover:text-black-700 ${className}` : `text-${color} hover:text-${color}-400 ${className}`;
+    let styles = (color === 'black') ? `transition text-black hover:text-black-700` : `text-${color} hover:text-${color}-400`;
+
+    if (className) {
+        styles = `${styles} ${className}`;
+    }
 
     return <a className={styles} href={href} {...props}>{children}</a>;
 };
 
-export default Link;
\ No newline at end of file
+export default Link;