diff --git a/tensorboard/webapp/metrics/views/card_renderer/histogram_card_component.scss b/tensorboard/webapp/metrics/views/card_renderer/histogram_card_component.scss
index d671976a6f3..7095f80d773 100644
--- a/tensorboard/webapp/metrics/views/card_renderer/histogram_card_component.scss
+++ b/tensorboard/webapp/metrics/views/card_renderer/histogram_card_component.scss
@@ -106,7 +106,6 @@ mat-spinner {
 
 tb-histogram {
   flex-grow: 1;
-  overflow: hidden;
 }
 
 .empty-message {
diff --git a/tensorboard/webapp/widgets/histogram/histogram_component.scss b/tensorboard/webapp/widgets/histogram/histogram_component.scss
index 9ccec8161b9..5f8c6a6c633 100644
--- a/tensorboard/webapp/widgets/histogram/histogram_component.scss
+++ b/tensorboard/webapp/widgets/histogram/histogram_component.scss
@@ -140,6 +140,12 @@ svg {
 
 .content {
   grid-area: content;
+  // Allow overflow to be visible so that the tooltip can be shown for points
+  // near the edges.
+  overflow: visible;
+  // Raise the content area above the axes so that the tooltip can be shown over
+  // the axes marks.
+  z-index: 1;
 
   .tick {
     stroke-width: 1px;