Inline editing box is not opening sometimes, it's varying from screen size and machine to machine

I have one datatable embedded in a parent component, last column of data table is editable but in case of inline editing, the box is not opening up for some screen size and it's varying machine to machine. I added some padding thinking it will provide some space for it to open up, but it worked for my machine not other's. problem lies in different screen size resolution in different machine, Any idea what to do? 

<div  class="parent-container">                        <c-custom-datatable                                columns={taskColumns}                                data={taskData}                                draft-values={taskDraftValues}                                key-field="whatId"                                oncellchange={handleTaskCellEdit}                                onrowselection={rowSelection}                                selected-rows={taskSelection}                                show-checkbox-column                                suppress-bottom-bar                        >                        </c-custom-datatable>                    </div>

@* Salesforce Developers *