diff --git a/src/components/message.jsx b/src/components/message.jsx
index 27a22dd..9f1d55d 100644
--- a/src/components/message.jsx
+++ b/src/components/message.jsx
@@ -1,7 +1,10 @@
+import getFormattedTime from '@/utils/getFormattedDate'
 import Image from 'next/image'
 import Link from 'next/link'
 
-export default function Message({ timeCreated, children }) {
+export default function Message({ sentAt, children }) {
+  const time = getFormattedTime(sentAt)
+
   return (
     <div className="flex items-end gap-2">
       <Link className="rounded-full overflow-hidden" href="/">
@@ -15,7 +18,7 @@ export default function Message({ timeCreated, children }) {
       </Link>
       <div className="flex justify-between gap-2 rounded-lg rounded-bl-none w-fit max-w-md py-2 px-3 bg-orange-100">
         <p className="break-words">{children}</p>
-        <span className="text-xs self-end">{timeCreated}</span>
+        <span className="text-xs self-end">{time}</span>
       </div>
     </div>
   )