diff --git a/ui/src/components/Comment/components/Form/index.tsx b/ui/src/components/Comment/components/Form/index.tsx
index a18847d5..7c7d9ebc 100644
--- a/ui/src/components/Comment/components/Form/index.tsx
+++ b/ui/src/components/Comment/components/Form/index.tsx
@@ -36,7 +36,7 @@ const Form = ({
         <Mentions pageUsers={pageUsers.getUsers()}>
           <TextArea size="sm" value={value} onChange={handleChange} />
         </Mentions>
-        <div className="text-muted fs-14">{t(`tip_${mode}`)}</div>
+        <div className="form-text">{t(`tip_${mode}`)}</div>
       </div>
       {type === 'edit' ? (
         <div className="d-flex flex-column">
diff --git a/ui/src/components/Comment/components/Reply/index.tsx b/ui/src/components/Comment/components/Reply/index.tsx
index 4dc6a1a7..551fa8e6 100644
--- a/ui/src/components/Comment/components/Reply/index.tsx
+++ b/ui/src/components/Comment/components/Reply/index.tsx
@@ -22,7 +22,7 @@ const Form = ({ userName, onSendReply, onCancel, mode }) => {
           <Mentions pageUsers={pageUsers.getUsers()}>
             <TextArea size="sm" value={value} onChange={handleChange} />
           </Mentions>
-          <div className="text-muted fs-14">{t(`tip_${mode}`)}</div>
+          <div className="form-text">{t(`tip_${mode}`)}</div>
         </div>
         <div className="d-flex flex-column">
           <Button