diff --git a/client/src/components/Chat/Messages/ui/MessageTimestamp.tsx b/client/src/components/Chat/Messages/ui/MessageTimestamp.tsx
index ec4a448530..f606abe69e 100644
--- a/client/src/components/Chat/Messages/ui/MessageTimestamp.tsx
+++ b/client/src/components/Chat/Messages/ui/MessageTimestamp.tsx
@@ -4,9 +4,10 @@ import { getMessageTimestamp } from '~/utils';
 
 /**
  * Inline message timestamp shown next to the author name in the message header.
- * Reveals on row hover (desktop) and stays visible on touch. Recent messages show
- * the relative form ("10 minutes ago") with the absolute date on hover; older
- * messages show the absolute date directly.
+ * On hover-capable pointers it reveals on row hover/focus; on touch and other
+ * non-hover devices it stays visible. Recent messages show the relative form
+ * ("10 minutes ago") with the absolute date on hover; older messages show the
+ * absolute date directly.
  */
 export default function MessageTimestamp({ value }: { value?: string | null }) {
   const { i18n } = useTranslation();
@@ -23,7 +24,7 @@ export default function MessageTimestamp({ value }: { value?: string | null }) {
     <time
       dateTime={timestamp.iso}
       title={timestamp.isRecent ? timestamp.absolute : undefined}
-      className="ml-2 text-xs font-normal text-text-secondary transition-opacity duration-200 md:opacity-0 md:group-focus-within:opacity-100 md:group-hover:opacity-100"
+      className="ml-2 text-xs font-normal text-text-secondary transition-opacity duration-200 group-focus-within:opacity-100 group-hover:opacity-100 [@media(hover:hover)]:opacity-0"
     >
       {timestamp.isRecent ? timestamp.relative : timestamp.absolute}
     </time>