diff --git a/ui/src/shared/components/DygraphLegend.js b/ui/src/shared/components/DygraphLegend.js
index 984af5b23..22a33a823 100644
--- a/ui/src/shared/components/DygraphLegend.js
+++ b/ui/src/shared/components/DygraphLegend.js
@@ -83,7 +83,13 @@ const DygraphLegend = ({
         >
           <span className="icon search" />
         </button>
-        <button className="btn btn-default btn-sm" onClick={onSnip}>
+        <button
+          className={classnames('btn btn-sm', {
+            'btn-default': !isSnipped,
+            'btn-primary': isSnipped,
+          })}
+          onClick={onSnip}
+        >
           Snip
         </button>
       </div>