diff --git a/ui/src/components/BaseUserCard/index.tsx b/ui/src/components/BaseUserCard/index.tsx
index 10429c02..5472f1b2 100644
--- a/ui/src/components/BaseUserCard/index.tsx
+++ b/ui/src/components/BaseUserCard/index.tsx
@@ -17,7 +17,7 @@ const Index: FC<Props> = ({
   className = 'fs-14',
 }) => {
   return (
-    <div className={`link-secondary ${className}`}>
+    <div className={`text-secondary ${className}`}>
       {data?.status !== 'deleted' ? (
         <Link to={`/users/${data?.username}`}>
           {showAvatar && (
diff --git a/ui/src/components/UserCard/index.tsx b/ui/src/components/UserCard/index.tsx
index f2019df5..d0087dc1 100644
--- a/ui/src/components/UserCard/index.tsx
+++ b/ui/src/components/UserCard/index.tsx
@@ -19,7 +19,7 @@ const Index: FC<Props> = ({ data, time, preFix }) => {
       ) : (
         <Avatar avatar={data?.avatar} size="40px" className="me-2" />
       )}
-      <div className="fs-14 link-secondary">
+      <div className="fs-14 text-secondary">
         <div>
           {data?.status !== 'deleted' ? (
             <Link to={`/users/${data?.username}`} className="me-1 text-break">