How i can make category list no limited size? Theme what i use limit category so small that it not serve my customers :(

here is html code of category.. ( i tried to change  <span class="category-height-overflow w-100">) to 200 but it not help. :(

data inherit_id="website_sale.products_categories" priority="7">

  <xpath expr="//button[hasclass('btn-link')]" position="replace">

    <button type="button" class="btn btn-link category-collapse-button" data-target="#wsale_products_categories_collapse" data-toggle="collapse"><span class="fa fa-bars mr-1"/>&amp;nbsp;Tuoteryhmät</button>

  </xpath>

  <xpath expr="//div[@id='wsale_products_categories_collapse']" position="replace">

    <div class="collapse show" id="wsale_products_categories_collapse">

      <ul class=" nav nav-pills flex-column" id="aviat-category-collapse">

        <span class="category-height-overflow w-100">

          <li class="nav-item">

            <a t-att-href="keep('/shop', category=0)" t-attf-class="nav-link #{'' if category else 'active'} o_not_editable">

              <input type="checkbox" class="mycheckbox mr-2"/>

              <span>All Products</span>

            </a>

          </li>

          <t t-set="count_value" t-value="0"/>

          <t t-foreach="categories" t-as="c">

            <t t-set="count_value" t-value="count_value + 1"/>

            <t t-call="website_sale.categories_recursive"/>

          </t>

        </span>

        <t t-if="count_value &gt; 5">

          <a class="show-more-btn text-black" href="javascript:void(0)">

                            Show more

                        </a>

        </t>

      </ul>

    </div>

  </xpath>

</data>