diff --git a/webdebugger/build/app.js b/webdebugger/build/app.js
index 3efa777..3ec92aa 100644
--- a/webdebugger/build/app.js
+++ b/webdebugger/build/app.js
@@ -21369,7 +21369,7 @@
 	  plugin: PropTypes$4.string.isRequired
 	};
 
-	__$styleInject(".snapshots__view {\n  display: inline-block;\n  vertical-align: top;\n  flex-grow: 1;\n  margin-left: 26px;\n}\n\n.snapshot__basename {\n  padding: 9px 10px 10px;\n  margin: 0;\n  line-height: 17px;\n  border-bottom: 1px solid #d8d8d8;\n  font-size: 15px;\n  display: block;\n  padding-left: 40px;\n  background-color: #fff;\n  position: relative;\n}\n\n.snapshot__helper_block {\n  float:right;\n}\n\n.snapshot__timing, .snapshot__helper {\n  padding: 5px 8px;\n  margin-left: 10px;\n  font-size: 11px;\n  font-weight: bold;\n  line-height: 1;\n  color: #fff;\n  background-color: #8BC34A;\n  border-radius: 10px;\n}\n.snapshot__helper {\n  background-color: #c5c5c5;\n}\n\n.snapshots__view .selectable {\n  margin-bottom: 8px;\n}\n\n.snapshots__view .search_block_input {\n  width: 40%;\n}\n\n.snapshots__view .icon_heading {\n  position: absolute;\n  top: 50%;\n  margin-top: -6px;\n  left: 10px;\n  transition: transform 0.15s;\n}\n\n.selected .icon_heading {\n  transform: rotate(180deg);\n}\n\n.snapshots__view .snapshot__item.selected {\n  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.24);\n}\n\n.snapshots__view .snapshot__item.selected > .snapshot__content {\n  display: block;\n}\n\n.snapshots__view .snapshot__item.selected > .snapshot__content pre.midas {\n  padding: 8px 16px;\n  margin: 0;\n}\n\n.snapshots__view .snapshot__item > .snapshot__content {\n  display: none;\n  max-height: 1000px;\n  overflow: auto;\n}\n\n.snapshots__view .snapshot__item > .help-link {\n  margin-left:5px;\n}\n");
+	__$styleInject(".snapshots__view {\n  display: inline-block;\n  vertical-align: top;\n  flex-grow: 1;\n  margin-left: 26px;\n}\n\n.snapshot__basename {\n  padding: 9px 10px 10px;\n  margin: 0;\n  line-height: 17px;\n  border-bottom: 1px solid #d8d8d8;\n  font-size: 15px;\n  display: block;\n  padding-left: 40px;\n  background-color: #fff;\n  position: relative;\n}\n\n.snapshot__helper_block {\n  float:right;\n}\n.snapshot__helper:hover {\n  background-color: #6f6f6f;\n}\n\n.snapshot__timing, .snapshot__helper {\n  padding: 5px 8px;\n  margin-left: 10px;\n  font-size: 11px;\n  font-weight: bold;\n  line-height: 1;\n  color: #fff;\n  background-color: #8BC34A;\n  border-radius: 10px;\n}\n.snapshot__helper {\n  background-color: #c5c5c5;\n}\n\n.snapshots__view .selectable {\n  margin-bottom: 8px;\n}\n\n.snapshots__view .search_block_input {\n  width: 40%;\n}\n\n.snapshots__view .icon_heading {\n  position: absolute;\n  top: 50%;\n  margin-top: -6px;\n  left: 10px;\n  transition: transform 0.15s;\n}\n\n.selected .icon_heading {\n  transform: rotate(180deg);\n}\n\n.snapshots__view .snapshot__item.selected {\n  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.24);\n}\n\n.snapshots__view .snapshot__item.selected > .snapshot__content {\n  display: block;\n}\n\n.snapshots__view .snapshot__item.selected > .snapshot__content pre.midas {\n  padding: 8px 16px;\n  margin: 0;\n}\n\n.snapshots__view .snapshot__item > .snapshot__content {\n  display: none;\n  max-height: 1000px;\n  overflow: auto;\n}\n\n.snapshots__view .snapshot__item > .help-link {\n  margin-left:5px;\n}\n");
 
 	const { Component: Component$3, PropTypes: PropTypes$3 } = React; // rollup doesn't resolve that correctly when importing like this
 
diff --git a/webdebugger/src/components/snapshot.css b/webdebugger/src/components/snapshot.css
index 3f69dec..1012eb9 100644
--- a/webdebugger/src/components/snapshot.css
+++ b/webdebugger/src/components/snapshot.css
@@ -20,6 +20,9 @@
 .snapshot__helper_block {
   float:right;
 }
+.snapshot__helper:hover {
+  background-color: #6f6f6f;
+}
 
 .snapshot__timing, .snapshot__helper {
   padding: 5px 8px;