max-w-screen-md causing table view to overflow layout

[mfathydevchef]

Currently this class max-w-screen-md definition inside form component here:

 <div className="relative h-full">
      <div className="bg-nextadmin-background-default dark:bg-dark-nextadmin-background-default max-w-full p-4 align-middle sm:p-8">
        <Message className="-mt-2 mb-2 sm:-mt-4 sm:mb-4" />
        <div className="bg-nextadmin-background-default dark:bg-dark-nextadmin-background-emphasis border-nextadmin-border-default dark:border-dark-nextadmin-border-default  
>>>>> max-w-screen-md <<<<rounded-lg border p-4 sm:p-8">
          <RjsfFormComponent ref={formRef} />
        </div>
      </div>
    </div>

Causes a problem with table relation controls where the table and other inputs overflow the boundaries of the form border.