diff --git a/ui/src/style/components/dygraphs.scss b/ui/src/style/components/dygraphs.scss
index 5e0d8a648..06e9138dd 100644
--- a/ui/src/style/components/dygraphs.scss
+++ b/ui/src/style/components/dygraphs.scss
@@ -174,7 +174,7 @@
   min-width: 350px;
   user-select: text;
   transform: translateX(-50%);
-  box-shadow: 0 0 10px 2px $g2-kevlar;
+  @extend %drop-shadow;
 
   &.hidden {
     display: none !important;
diff --git a/ui/src/style/modules/mixins.scss b/ui/src/style/modules/mixins.scss
index 1723b10db..196ed1628 100644
--- a/ui/src/style/modules/mixins.scss
+++ b/ui/src/style/modules/mixins.scss
@@ -125,3 +125,8 @@ $scrollbar-offset: 3px;
     cursor: default;
   }
 }
+
+// Shadows
+%drop-shadow {
+  box-shadow: 0 0 10px 2px $g2-kevlar;
+}