{% assign sortedCategories = site.categories | sort %}
<div class="flex-section">
    <div class="searchInput">
        <select style="border-color: white; height: 45px;" id="categories" class="flex-item form-control" onchange="searchBlogs()">
            <option value="" disabled selected>Categories</option>
            <option value="All">All</option>
            {% for category in sortedCategories %}
            <option value="{{category[0]}}">{{category[0]}}</option>
            {% endfor %}
        </select>
        <i id="categoryReset" class="resetIcon"></i>
    </div>
</div>