title: Change avatar border color in React.JS
body: <p>I have simple project in React.Js, in header I have avatar, when I change avatar <code>border-color</code>, there is not any change.</p>
  <p><strong>Header.css:</strong></p>
  <pre><code>.header__avatar {
    display: flex;
    align-items: center;
    margin-left: 20px;
    border-color: #ff000;
    border-width: 2px;
    overflow: &quot;hidden&quot;;
  }
  
  .header__avatar &gt; h3 {
    margin-right: 10px;
  }
  </code></pre>
  <p><strong>Header.js</strong>:</p>
  <pre><code>&lt;div class=&quot;header__avatar&quot;&gt;
      &lt;h3&gt;name&lt;/h3&gt;
      &lt;HeaderOption  avatar={true} /&gt;
  &lt;/div&gt;
  </code></pre>
  <p><strong>Expected Avatar:</strong></p>
  <p><a href="https://i.stack.imgur.com/ZK883.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZK883.jpg" alt="enter image description here" /></a></p>