diff --git a/ui/src/style/enterprise_style/dygraph-override.scss b/ui/src/style/enterprise_style/dygraph-override.scss
index 94010e0e0..311e652ed 100644
--- a/ui/src/style/enterprise_style/dygraph-override.scss
+++ b/ui/src/style/enterprise_style/dygraph-override.scss
@@ -18,9 +18,11 @@
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='fade-out($g20-white, 0.71)', endColorstr='fade-out($g20-white, 0.71)',GradientType=0 );
 }
 .container--dygraph-legend {
+  top: 300px !important;
+  transform: translateY(-6px);
   background-color: $g1-raven;
   display: block;
-  position: fixed;
+  position: absolute;
   padding: 11px;
   z-index: 500;
   font-size: 13px;
diff --git a/ui/src/style/enterprise_style/hosts.scss b/ui/src/style/enterprise_style/hosts.scss
index 101287136..6a85c6003 100644
--- a/ui/src/style/enterprise_style/hosts.scss
+++ b/ui/src/style/enterprise_style/hosts.scss
@@ -247,3 +247,10 @@
   align-items: center;
   justify-content: space-between;
 }
+
+/* Hacky way to ensure that legends cannot be obscured by neighboring graphs */
+.react-grid-item {
+  &:hover {
+    z-index: 9999;
+  }
+}