title: Engagespot overrides the material-icon's custom css
body: <p>While implementing the notifications via <a href="https://engagespot.co/" rel="nofollow noreferrer">EngagesSpot</a>. It adds two stylesheets one for engagespot and another one for fonts.</p>
  
  <p>As displayed in the below picture:</p>
  
  <p><a href="https://i.stack.imgur.com/Zxtnh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Zxtnh.png" alt="enter image description here"></a></p>
  
  <p>Due to this,(fonts style-sheet >> <a href="https://fonts.googleapis.com/css?family=Montserrat:100,200,400" rel="nofollow noreferrer">https://fonts.googleapis.com/css?family=Montserrat:100,200,400</a>").Custom css gets distorted. 
  Is there any way to fix this issue? </p>