iPhoneの画面表示でレスポンシブが崩れてしまいます(Laravel)

##問題
PCのChromeから検証で見ると、こちらちゃんとレスポンシブ対応になります。
しかし
iPhone12のChromeからだとこちらになり、崩れます

何が原因として考えられますでしょうか？アドバイスよろしくお願いします。
##やってみたこと
調べるとwebkitが原因なのかなと思い、下記を実装してみましたが、変化なしでした。

css
1.body {
2  -webkit-appearance: none;
3  -webkit-text-size-adjust: 100%;
4}

tableを使ったことが原因なのでしょうか？
divを使って実装し直した方が良いのでしょうか？

###崩れてる部分のコード
Bootstrapのtableを使っています。

php
1<div class="container py-5">
2    <div class="row">
3        <div class=" col-md-6">
4            <table class="table table-hover">
5                <thead class="bg-white">
6                    <tr class="text-dark mb-9">
7                        <th>
8                            <a class="btn btn-outline-dark btn-sm" href="{{ route('create.folder')}}" method="post">
9                                <i class="fas fa-folder fa-lg"></i>
10                                新規Folder作成
11                            </a>
12                        </th>
13                        <!--この空白がないとtheadが欠ける-->
14                        <th class="col-md-3 col-5"></th>
15
16                    </tr>
17                </thead>
18
19                    <tbody>
20                        @foreach($folders as $folder)
21                            <tr class="align-items-center text-white">
22                                <th class="mr-auto">
23                                    <a href="{{ route('home', ['id' => $folder->id]) }}">
24                                        <i class="fas fa-folder fa-lg"></i>
25                                        {{ $folder->title }}
26                                    </a>
27                                </th>
28                                <td>
29                                    <a class="btn btn-outline-light mr-1 btn-sm " href="{{ route('edit.folder',['id' => $folder->id])}}">編集</a>
30                                    
31                                    <a class="btn btn-outline-danger btn-sm" href="{{ route('delete.folder',['id' => $folder->id]) }}">削除</a>
32                                </td>
33                            </tr>
34                        @endforeach   
35                    </tbody>
36            </table>
37        </div>
38