Modal Tile And Search: No Search Result

<!-- Button trigger modal -->
<button class="button-primary button-default button-default-size" onclick="this.blur();" data-toggle="modal" data-target="#exampleModalCenter6"> Modal add item</button>

<!-- Modal -->
<div class="movu-modal-search modal-dialog modal-dialog-centered modal fade" tabindex="-1" id="exampleModalCenter6" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-content">
        <div class="modal-header">
            <h3 class="modal-headline">modal headline</h3>
            <div class="around-close pull-right" class="close" data-dismiss="modal" aria-label="Close">
                <i class="material-icons pull-right">close</i>
            </div>
        </div>
        <div class="add-item-modal">
            <div class="row">
                <div class="col-xs-12">
                    <div class="search-box">
                        <div class="form-group has-search">
                            <i class="material-icons pull-left">search</i>
                            <input type="text" class="form-control" placeholder="Random item">
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-10 col-xs-offset-1 text-center">
                    <p class="add-item-title"><b>'Random item'</b> wasn't around</p>
                    <p>Would you like to add it to your inventory</p>
                </div>
                <div class="col-xs-6 col-xs-offset-3 col-sm-4 col-sm-offset-4">
                    <div class="add-item">
                        <span class="add-item-icon"><i class="material-icons">add_circle_outline</i></span>
                        <h4 class="random-item">RANDOM ITEM</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>