title: background colour not applying in <a> tag
body: <p>html</p>
  <pre><code> &lt;a ref={resume} href='../assets/resume.pdf' download onMouseLeave={() =&gt; setMouse(true)} onMouseEnter={() =&gt; setMouse(false)} className='resume-container'&gt;
  </code></pre>
  <p>css</p>
  <pre><code>.resume-container {    
      padding: 0;
      margin: 0;
      margin-left: .5vw;
      margin-right: .5vw;
      border-radius: 5px;
      position: relative;
      height: 5vw;
      cursor: pointer;
      
      text-align: center;
      text-decoration: none;
      background-color: #D4B44A;
      
      
      
      
  }
  </code></pre>
  <p>all the other properties seems to work, and if I make that  to div it will work. but background wont apply to  tag</p>