Hello, I am encountering an issue with the table contents exceeding in size. You can see a screenshot of the problem https://i.sstatic.net/YDYoP.png
Interestingly, when I un-collapse the sidebar, the view is perfectly fine. Here is a screenshot for reference: https://i.sstatic.net/1Sqmd.png
It seems that some of the page links are displaying correctly while others are not. Below is the code snippet related to the table data (td):
@foreach($mfo as $row)
<tr style="font-size: 10.5pt;">
<td style="overflow-wrap: break-word;">{{$row->form_type}}</td>
<td style="overflow-wrap: break-word;">{{$row->dept_name}}</td>
<td style="overflow-wrap: break-word;">{{$row->function_name}}</td>
<td style="overflow-wrap: break-word;">{{$row->role}}</td>
<td style="overflow-wrap: break-word;">{!! $row->mfo_desc !!}</td>
<td style="overflow-wrap: break-word;">{!! $row->success_indicator_desc !!}</td>
<td>{!! $row->remarks !!}
<td>
<a href="{{action('MfoController@edit', $row->id)}}" class="btn btn-secondary btn-sm" type="submit">Edit</a>
<a href="#" class="btn btn-danger btn-sm"
data-mymfoid="{{$row->id}}" data-toggle="modal" data-target="#deletemfo">Delete</a>
</td>
</tr>
@endforeach