フォーム欄の入力時の改行入力が出来ません。

実現したいこと

メッセージ機能で、フォーム欄で文章を改行したいのでエンターを押して改行したいのですが、送信ボタンが適用されて送信されてしまいます。
inputタグ内での設定が悪いのでしょうか？

発生している問題・エラーメッセージ

フォーム欄の改行が行えません。

該当のソースコード

rooms/show
1<div class=="room-chat-form">
2                <form method="POST" action="{{ route('message.store') }}">
3                    @csrf
4                    <div>
5                        <p>件名</p>
6                        <input id="title" class="block mt-1 w-full" type="text" name="title" :value="old('title')" required autofocus autocomplete="title" />
7                        <x-input-error :messages="$errors->get('title')" class="mt-2" />
8                        <p>内容</p>
9                        <input id="content" class="block mt-1 w-full" type="textarea" name="content" :value="old('content')" required autofocus autocomplete="content" />
10                        <x-input-error :messages="$errors->get('content')" class="mt-2" />
11                    </div></br>
12                    <input type="hidden" id="user_id" name="user_id" value="{{$user->id}}">
13                    <input type="hidden" id="room_id" name="room_id" value="{{$room->id}}">
14                    
15                    <div class="flex items-center justify-end mt-4">
16                        <button class="ms-4">
17                            送信
18                        </button>
19                    </div>
20                    
21                </form>
22            </div>

試したこと

inputタグ内の設定が間違っているかを探してみたのですが、全て消しても改行されずに送信されそうになったので、特に関係なさそうにも見えました。
ちなみに以前作成していたlaravelアプリでは問題なく改行が出来ていたのですが、今回作成しているアプリではBreezeをインストールしたので、細かい影響があるのでしょうか？