filter correction for verticalicon panel

standard

src/app/components/vertical-icons-component.js

@@ -116,11 +116,16 @@ class VerticalIconComponent {
    *  Remove active for the current activated icons
    */
   removeActive () {
+    // reset filters
+    const images = this.view.querySelectorAll(`.image`)
+    images.forEach(function (im) {
+      im.style.setProperty('filter', 'invert(0.5)')
+    })
+
+    // remove active
     const currentActive = this.view.querySelector(`.${css.active}`)
     if (currentActive) {
       currentActive.classList.remove(css.active)
-      let image = currentActive.querySelector('.image')
-      image.style.setProperty('filter', 'invert(0.5)')
     }
   }
 
@@ -242,7 +247,6 @@ const css = csjs`
     filter: invert(0.5);
   }
   .image {
-    filter: invert(0.5);
   }
   .icon svg {
     width: 28px;

src/app/tabs/runTab/contractDropdown.js

@@ -68,7 +68,6 @@ class ContractDropdownUI {
       </div>
     `
     this.selectContractNames.addEventListener('change', this.setInputParamsPlaceHolder.bind(this))
-    
     this.setInputParamsPlaceHolder()
     return el
   }
@@ -89,7 +88,7 @@ class ContractDropdownUI {
       this.orLabel.style.display = 'block'
     }
   }
-  
+
   setInputParamsPlaceHolder () {
     this.createPanel.innerHTML = ''
     if (this.selectContractNames.selectedIndex < 0 || this.selectContractNames.children.length <= 0) {