diff --git a/web/chat/tooltip.css b/web/chat/tooltip.css
--- a/web/chat/tooltip.css
+++ b/web/chat/tooltip.css
@@ -34,3 +34,15 @@
 div.messageRightTooltip {
   transform: translate(0%, -50%);
 }
+
+div.messageTimestampTooltip {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 6px;
+  background-color: var(--message-action-tooltip-bg);
+  border-radius: 8px;
+  overflow: auto;
+  min-width: 72px;
+}
diff --git a/web/chat/tooltip.react.js b/web/chat/tooltip.react.js
--- a/web/chat/tooltip.react.js
+++ b/web/chat/tooltip.react.js
@@ -60,7 +60,12 @@
   ]);
 
   const className = React.useMemo(
-    () => classNames(css.messageTooltipMenu, tooltipStyle.className),
+    () =>
+      classNames(
+        css.messageTooltipMenu,
+        tooltipStyle.className,
+        css.messageTimestampTooltip,
+      ),
     [tooltipStyle],
   );