I have got this
    <div class="offset-sm-6 col-sm-6 offset-md-8 col-md-4">
        <g:uploadForm controller="employeeWorkingHours" action="importFile">
            <div class="custom-file">
                <input type="file" name="file" class="custom-file-input" id="customFile" onchange="form.submit();showLoader('.custom-file')">
                <label class="custom-file-label" for="customFile"><g:message code="dateimport.upload.label"/></label>
            </div>
        </g:uploadForm>
    </div>
</div>
Screenshot and I have got a button with the text "browse" on it and I can not get rid of that text on that button. Any tips? Thanks
