Remove extra wrapper from RelativeTimestamp

web/components/datetime-tooltip.tsx

@@ -11,16 +11,17 @@ dayjs.extend(advanced)
 export function DateTimeTooltip(props: {
   time: Dayjs
   text?: string
+  className?: string
   children?: React.ReactNode
   noTap?: boolean
 }) {
-  const { time, text, noTap } = props
+  const { className, time, text, noTap } = props
 
   const formattedTime = time.format('MMM DD, YYYY hh:mm a z')
   const toolTip = text ? `${text} ${formattedTime}` : formattedTime
 
   return (
-    <Tooltip text={toolTip} noTap={noTap}>
+    <Tooltip className={className} text={toolTip} noTap={noTap}>
       {props.children}
     </Tooltip>
   )

web/components/relative-timestamp.tsx

@@ -6,10 +6,11 @@ export function RelativeTimestamp(props: { time: number }) {
   const { time } = props
   const dayJsTime = dayjs(time)
   return (
-    <DateTimeTooltip time={dayJsTime}>
-      <span className="ml-1 whitespace-nowrap text-gray-400">
-        {dayJsTime.fromNow()}
-      </span>
+    <DateTimeTooltip
+      className="ml-1 whitespace-nowrap text-gray-400"
+      time={dayJsTime}
+    >
+      {dayJsTime.fromNow()}
     </DateTimeTooltip>
   )
 }