Remove strange white line that sometimes appears in fancy scrollbox

ui/src/shared/components/FancyScrollbar.js

@@ -33,6 +33,7 @@ class FancyScrollbar extends Component {
           <div {...props} className="fancy-scroll--thumb-h" />}
         renderThumbVertical={props =>
           <div {...props} className="fancy-scroll--thumb-v" />}
+        renderView={props => <div {...props} className="fancy-scroll--view" />}
       >
         {children}
       </Scrollbars>

ui/src/style/components/fancy-scrollbars.scss

@@ -55,6 +55,10 @@ ul.dropdown-menu {
   .fancy-scroll--thumb-v { @include gradient-v($c-neutrino,$c-laser); }
 }
 
+.fancy-scroll--view::-webkit-scrollbar,
+.fancy-scroll--container::-webkit-scrollbar {
+    display: none;
+}
 /* Hacky Fix to make this work in Safari */
 .query-builder--list {
   position: relative;
@@ -62,4 +66,4 @@ ul.dropdown-menu {
   .fancy-scroll--container {
     position: absolute !important;
   }
-}
+}