Update slider thumb styles

src/client/components/facet_results/TemporalMapTimeSlider.js

@@ -29,8 +29,8 @@ const styles = () => ({
     width: 28,
     backgroundColor: '#fff',
     boxShadow: iOSBoxShadow,
-    marginTop: -11,
-    marginLeft: -11,
+    marginTop: -12,
+    marginLeft: -14,
     '&:focus,&:hover,&$active': {
       boxShadow: '0 3px 1px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.02)',
       // Reset on touch devices, it doesn't add specificity
@@ -40,9 +40,12 @@ const styles = () => ({
     }
   },
   sliderValueLabel: {
-    transform: 'none !important',
-    left: 'calc(-50% + 11px)',
-    top: -40
+    left: 'calc(-50% + 12px)',
+    top: -22,
+    '& *': {
+      background: 'transparent',
+      color: '#fff'
+    }
   }
 })