<div class="grid grid-flow-col items-center justify-start">
<label class="input-text grid grid-flow-col justify-start rounded-lg rounded-r-none border-t-2 border-b-2 border-l-2">
<i class="icon icon--search "><svg xmlns="http://www.w3.org/2000/svg" role="presentation"><use xlink:href="https://raute-admin.stage.crasman.cloud/static/studio/pub/system/web/raute/admin/icons/icons.svg#icon-search" href="https://raute-admin.stage.crasman.cloud/static/studio/pub/system/web/raute/admin/icons/icons.svg#icon-search"></use></svg></i>
<input type="text" name="text" placeholder="Enter a keyword">
</label>
<button class="btn btn--primary btn--icon self-stretch rounded-r-lg"><span>Search</span><i class="icon icon--chevron-right "><svg xmlns="http://www.w3.org/2000/svg" role="presentation"><use xlink:href="https://raute-admin.stage.crasman.cloud/static/studio/pub/system/web/raute/admin/icons/icons.svg#icon-chevron-right" href="https://raute-admin.stage.crasman.cloud/static/studio/pub/system/web/raute/admin/icons/icons.svg#icon-chevron-right"></use></svg></i></button>
</div>