Заголовок вкладки Ajaxtoolkit показывает половину ее текста

---

заголовок вкладки ajaxtoolkit показывает половину его текста, а другую половину сокращает

ниже код работает нормально на демо-странице..но на моей странице приложения текст заголовка не отображается должным образом на вкладке

Что я уже пробовал:

<asp:TabContainer ID="pxp" runat="server" ActiveTabIndex="0" Width="100%">
                    <asp:TabPanel ID="TabPageUserCreation" runat="server" HeaderText="User">
                        <ContentTemplate>  
                                
                           </ContentTemplate>  
                    </asp:TabPanel>
                    <asp:TabPanel ID="TabPageRoleCreation" HeaderText="Role" runat="server">
                        <ContentTemplate> 
                                
                           </ContentTemplate> 
                          </asp:TabPanel>
                    <asp:TabPanel ID="TabPageUserRole" HeaderText="User Role Assignment" runat="server">
                       <ContentTemplate>
                               

                                    

                                    
                                     
 
                            </ContentTemplate>
                    </asp:TabPanel>
                    <asp:TabPanel ID="TabPageRoleRightAssignment" HeaderText="Role Right Assignment" runat="server">
                        <ContentTemplate>
                                
                          </ContentTemplate>
                    </asp:TabPanel>
            </asp:TabContainer>
        </ContentTemplate>

---