title: Why can't i apply borderRadius to this React bootstrap tab?
body: <p>I have this tabbed content and i want to apply a border radius. If i add style={{borderRadius: &quot;10px&quot;}} it does nothing. Works everywhere else. There's nothing about Tabs in scss either that would overwrite this.</p>
  <p>No matter where i try to apply the border radius it doesn't have any effect at all. Am i missing something?</p>
  <p>Here's the tabs.</p>
  <pre><code>   &lt;Col md={6} xl={4} className='m-b-30' &gt;
                          &lt;Tabs defaultActiveKey=&quot;today&quot; style={{borderRadius: &quot;10px&quot;}} &gt;
                              &lt;Tab eventKey=&quot;today&quot; title=&quot;Today&quot; &gt;
                                  {tabContent}
                              &lt;/Tab&gt;
                              &lt;Tab eventKey=&quot;week&quot; title=&quot;Tomorrow&quot;&gt;
                                  {tabContent}
                              &lt;/Tab&gt;
                              &lt;Tab eventKey=&quot;all&quot; title=&quot;Active Status&quot;&gt;
                                  {tabContent}
                              &lt;/Tab&gt;
                          &lt;/Tabs&gt;
                      &lt;/Col&gt;
  </code></pre>
  <p>Below is the tabs content.</p>
  <pre><code>const tabContent = (
              &lt;Aux&gt;
                  &lt;div className=&quot;media friendlist-box align-items-center justify-content-center m-b-20&quot;style={{border: &quot;solid 1px black&quot;}}&gt;
                      &lt;div className=&quot;m-r-10 photo-table&quot;&gt;
                          &lt;a href={DEMO.BLANK_LINK}&gt;&lt;img className=&quot;rounded-circle&quot; style={{width: '40px'}} src={avatar1} alt=&quot;activity-user&quot;/&gt;&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;div className=&quot;media-body&quot;&gt;
                          &lt;h6 className=&quot;m-0 d-inline&quot;&gt;Evelina Tofan&lt;/h6&gt;
                          &lt;span className=&quot;float-right d-flex  align-items-center&quot;&gt;DO &amp;nbsp;&lt;i className=&quot;fa fa-caret-down f-22 m-r-10 text-c-red&quot;/&gt;&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;media friendlist-box align-items-center justify-content-center m-b-20&quot;&gt;
                      &lt;div className=&quot;m-r-10 photo-table&quot;&gt;
                          &lt;a href={DEMO.BLANK_LINK}&gt;&lt;img className=&quot;rounded-circle&quot; style={{width: '40px'}} src={avatar3} alt=&quot;activity-user&quot;/&gt;&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;div className=&quot;media-body&quot;&gt;
                          &lt;h6 className=&quot;m-0 d-inline&quot;&gt;Anel Stancov&lt;/h6&gt;
                          &lt;span className=&quot;float-right d-flex  align-items-center&quot;&gt;DO &amp;nbsp;&lt;i className=&quot;fa fa-caret-down f-22 m-r-10 text-c-red&quot;/&gt;&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;media friendlist-box align-items-center justify-content-center m-b-20&quot;&gt;
                      &lt;div className=&quot;m-r-10 photo-table&quot;&gt;
                          &lt;a href={DEMO.BLANK_LINK}&gt;&lt;img className=&quot;rounded-circle&quot; style={{width: '40px'}} src={avatar2} alt=&quot;activity-user&quot;/&gt;&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;div className=&quot;media-body&quot;&gt;
                          &lt;h6 className=&quot;m-0 d-inline&quot;&gt;Denis Sultu&lt;/h6&gt;
                          &lt;span className=&quot;float-right d-flex  align-items-center&quot;&gt;12PM - 9PM &amp;nbsp;&lt;i className=&quot;fa fa-caret-up f-22 m-r-10 text-c-green&quot;/&gt;&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;media friendlist-box align-items-center justify-content-center m-b-20&quot;&gt;
                      &lt;div className=&quot;m-r-10 photo-table&quot;&gt;
                          &lt;a href={DEMO.BLANK_LINK}&gt;&lt;img className=&quot;rounded-circle&quot; style={{width: '40px'}} src={avatar2} alt=&quot;activity-user&quot;/&gt;&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;div className=&quot;media-body&quot;&gt;
                          &lt;h6 className=&quot;m-0 d-inline&quot;&gt;Vasile Mirzan&lt;/h6&gt;
                          &lt;span className=&quot;float-right d-flex  align-items-center&quot;&gt;9AM - 6PM &amp;nbsp;&lt;i className=&quot;fa fa-caret-up f-22 m-r-10 text-c-green&quot;/&gt;&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;media friendlist-box align-items-center justify-content-center m-b-20&quot;&gt;
                      &lt;div className=&quot;m-r-10 photo-table&quot;&gt;
                          &lt;a href={DEMO.BLANK_LINK}&gt;&lt;img className=&quot;rounded-circle&quot; style={{width: '40px'}} src={avatar1} alt=&quot;activity-user&quot;/&gt;&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;div className=&quot;media-body&quot;&gt;
                          &lt;h6 className=&quot;m-0 d-inline&quot;&gt;Andra Danila&lt;/h6&gt;
                          &lt;span className=&quot;float-right d-flex  align-items-center&quot;&gt;9PM - 6AM &amp;nbsp;&lt;i className=&quot;fa fa-caret-up f-22 m-r-10 text-c-green&quot;/&gt;&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div className=&quot;media friendlist-box align-items-center justify-content-center&quot;&gt;
                      &lt;div className=&quot;m-r-10 photo-table&quot;&gt;
                          &lt;a href={DEMO.BLANK_LINK}&gt;&lt;img className=&quot;rounded-circle&quot; style={{width: '40px'}} src={avatar1} alt=&quot;activity-user&quot;/&gt;&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;div className=&quot;media-body&quot;&gt;
                          &lt;h6 className=&quot;m-0 d-inline&quot;&gt;Maria-Alexandra Serban&lt;/h6&gt;
                          &lt;span className=&quot;float-right d-flex  align-items-center&quot;&gt;DO&lt;i className=&quot;fa fa-caret-down f-22 m-r-10 text-c-red&quot;/&gt;&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/Aux&gt;
          );
  </code></pre>