Hi Guys- I have a vf page which is refrencing vf components. I ran into an issue based where if I change the order of vf page it shows the icon else it doesn't.
code
-------
 <div id="mainDiv" class="slds-tabs_default slds-theme_default">
        <ul class="slds-tabs_default__nav" role="tablist">
            <li class="slds-tabs_default__item slds-is-active" title="Events" role="presentation"><a class="slds-tabs_default__link" href="javascript:void(0);" role="tab" tabindex="0" aria-selected="true" aria-controls="tab-default-1" id="tab-default-1__item">tab1</a></li>
            <li class="slds-tabs_default__item" title="Products" role="presentation"><a class="slds-tabs_default__link" href="javascript:void(0);" role="tab" tabindex="-1" aria-selected="false" aria-controls="tab-default-2" id="tab-default-2__item">tab2</a></li>
            <li class="slds-tabs_default__item" title="Orders" role="presentation"><a class="slds-tabs_default__link" href="javascript:void(0);" role="tab" tabindex="-1" aria-selected="false" aria-controls="tab-default-3" id="tab-default-3__item">tab3</a></li>
        </ul>
        <div id="tab-default-1" class="slds-tabs_default__content slds-show" role="tabpanel" aria-labelledby="tab-default-1__item"><c:Activity acctRecord="{!acct}"/></div>
        <div id="tab-default-3" class="slds-tabs_default__content slds-hide" role="tabpanel" aria-labelledby="tab-default-3__item"><c:act2 accountRecord="{!acct}"/></div>
        <div id="tab-default-2" class="slds-tabs_default__content slds-hide" role="tabpanel" aria-labelledby="tab-default-2__item"><c:Activity3 acctRecord="{!acct}"/></div>

------------------------------------
The lines in bold, the first one shows icons while the third one doesn't . If I change the order the third shows and second doesn't