I have a lightning web component of addNewMember when i have tested on mobile its not responsive not showing full value in both fields, i have attached the screenshot and for the reference code is below

    <lightning-layout-item padding="horizontal-small" flexibility="none">
        <lightning-button type="submit" label="Search" variant="brand" onclick={actuallySearch}
                          disabled={searchDisabled}></lightning-button>
    </lightning-layout-item>
</lightning-layout>
<template if:true={tooManyResults}>
    <div class="slds-notify slds-notify_alert slds-theme_alert-texture slds-theme_warning" role="alert">
        <h2> {label.TooManyResultsMessage} </h2>
    </div>
</template>
<template if:true={isTableVisible}>
    <lightning-datatable data={searchResults} columns={columns} key-field="value" hide-checkbox-column="true"
                         onrowaction={handleRowAction} resize-column-disabled></lightning-datatable>
</template>
<template if:true={isNoSearchResultsMessageVisible}>
    <div class="slds-align_absolute-center">{label.NoSearchResultsMessage}</div>
</template>

================================================================