<div class="Widget-contentFlex">
  <button class="u-rSpace--m Widget-buttonIcon js-searchToggle">
    <i class="CDBIcon CDBIcon-Lens"></i>
  </button>
  <p class="Widget-textSmaller Widget-textSmaller--bold Widget-textSmall--upper">
    <% if (!isLocked) { %>
      <%- categoriesCount > 12 ? (categoriesCount - 11) : categoriesCount  %> categor<%- categoriesCount !== 1 ? "ies" : "y" %> <%- categoriesCount > 12 ? "more" : "" %>
    <% } %>
  </p>
</div>
<div class="Widget-navDots js-dots">
  <% for (var i = 0, l = pages; i < l; i++) { %><button class="Widget-dot Widget-dot--navigation js-page <% if (currentPage === i) { %>is-selected<% } %>" data-page="<%- i %>"></button><% } %>
</div>

<div class="Widget-contentFlex">
  <button class="u-rSpace--m Widget-buttonIcon js-searchToggle">
    <i class="CDBIcon CDBIcon-Lens"></i>
  </button>
  <p class="Widget-textSmaller Widget-textSmaller--bold Widget-textSmall--upper">
    <% if (isLocked) { %>
      search
    <% } else { %>
      <%- categoriesCount > 12 ? (categoriesCount - 11) : categoriesCount  %> categor<%- categoriesCount !== 1 ? "ies" : "y" %> <%- categoriesCount > 12 ? "more" : "" %>
    <% } %>
  </p>
</div>
<div class="Widget-navDots js-dots">
  <% for (var i = 0, l = pages; i < l; i++) { %><button class="Widget-dot Widget-dot--navigation js-page <% if (currentPage === i) { %>is-selected<% } %>" data-page="<%- i %>"></button><% } %>
</div>

Add search text close to the lens icon when category widget is locked
Add search text close to the lens icon when category widget is locked