title: Is there a way to modify styles to an external component library without specifying the default class names or using !important?
body: <p>My client is using AntDesign, and we have a layout that has a search input in it, now in AntDesign, the Input.Search component comes packaged with a button included in it.</p>
  <p>The issue is that the layout side bar, and the search input, share a class, so when they are both inside the layout, it applies a class to my search input that makes the icon inside the button offset.</p>
  <p><a href="https://i.stack.imgur.com/IFSBP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IFSBP.png" alt="AntDesign Search Input image" /></a></p>
  <p>I can directly manipulate this using the class name <code>.ant-btn .anticon</code>,
  however this is bad practice because if the class name is updated this will silently fail, as well as may conflict with consistent site wide styling.</p>
  <p>Is there a way to update this button and its styles without directly overriding the default class?</p>