diff --git a/client/templates/shared/DataDisplay.tsx b/client/templates/shared/DataDisplay.tsx
index f085a131..421a9db2 100644
--- a/client/templates/shared/DataDisplay.tsx
+++ b/client/templates/shared/DataDisplay.tsx
@@ -15,7 +15,7 @@ const DataDisplay: React.FC<React.PropsWithChildren<Props>> = ({ icon, link, cla
     return (
       <div className={clsx('inline-flex items-center gap-1', className)}>
         {icon}
-        <a href={link} target="_blank" rel="noreferrer" className={textClassName}>
+        <a href={link} target="_blank" rel="noreferrer" className="{textClassName}">
           {children}
         </a>
       </div>