title: React-bootstrap Component Font Size
body: <p>I wanted to manually changed the font size for a ReactJS project. I tried to add something like</p>
  
  <pre><code>* {
      font-size: 10px;
  }
  </code></pre>
  
  <p>and that works with everything that is a plain text. However, every component from <code>react-bootstrap</code> (e.g., DropdownButton, Panel) remains a large font size. Thus, what is the correct way to change the font size for those <code>react-bootstrap</code> components to the same as for other plain text? Inline styling works but I would like the changes to apply to a .css file. Thanks! </p>
  
  <p>Edit: Panel Header code snippet:</p>
  
  <pre><code>  &lt;Panel&gt;
  
      &lt;Panel.Heading&gt;
        &lt;Panel.Title&gt;
           title here 
        &lt;/Panel.Title&gt;
      &lt;/Panel.Heading&gt;
    ...
  </code></pre>