title: Remove and override css popover
body: <p><a href="https://i.stack.imgur.com/Tmh8d.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Tmh8d.png" alt="enter image description here" /></a></p>
  <p>How I can remove auto generate CSS,  <code>left:</code> to zero for all element style POPOVER antd
  because it will make responsive broken.</p>
  <p>here is my code</p>
  <pre><code>&lt; Popover style = {
    {
      zIndex: 9,
      left: 0
    }
  }
  overlayStyle = {
    {
      left: 0,
      zIndex: 9
    }
  }
  visible = {
    formState.baby1
  }
  placement = &quot;bottom&quot;
  content = {
    content(t('homePage.babySection.week1'), t('homePage.babySection.content1'))
  }
  trigger = &quot;click&quot; &gt; {
      !formState.baby1 ? ( &lt;
        ButtonRed height = {
          30
        }
        width = {
          100
        }
        onClick = {
          () =&gt; updateForm(&quot;baby1&quot;)
        } &gt; {
          t('homePage.babySection.week1')
        } &lt; /ButtonRed&gt;
      ) : null
    } &lt;
    /Popover&gt;
  </code></pre>