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
@@ -67,7 +67,10 @@
   const style = tooltipStyle.style ? tooltipStyle.style : null;
 
   return (
-    <div className={className} style={style}>
+    <div
+      className={classNames(css.messageTimestampTooltip, className)}
+      style={style}
+    >
       <ul>{children}</ul>
     </div>
   );
diff --git a/web/theme.css b/web/theme.css
--- a/web/theme.css
+++ b/web/theme.css
@@ -77,7 +77,7 @@
   --thread-hover-bg: var(--shades-black-90);
   --thread-active-bg: var(--shades-black-80);
   --chat-timestamp-color: var(--shades-black-60);
-  --tool-tip-bg: var(--shades-black-80);
+  --tool-tip-bg: var(--shades-black-90);
   --tool-tip-color: var(--shades-white-60);
   --border-color: var(--shades-black-80);
   --calendar-chevron: var(--shades-black-60);