Breezeを使ったLaravelの認証のレイアウトが崩れている際の対処法

実現したいこと

下記の質問でBreezeを使ったLaravelの認証のデザインが崩れているのが解消できると思ったのですが、解消されなかったので、新しく質問を立てさせていただきました。
原因が分からずに困っています。
同様の問題の解決法が載っているサイトを探しているのですが、まだ見つかっていません。

unknown at rule @tailwindのエラーの解消方法

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

該当のソースコード

resoures/views/layouts/app
1<!DOCTYPE html>
2<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
3    <head>
4        <meta charset="utf-8">
5        <meta name="viewport" content="width=device-width, initial-scale=1">
6        <meta name="csrf-token" content="{{ csrf_token() }}">
7
8        <title>{{ config('app.name', 'Laravel') }}</title>
9
10        <!-- Fonts -->
11        <link rel="preconnect" href="https://fonts.bunny.net">
12        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
13
14        <!-- Scripts -->
15        @vite(['resources/css/app.css', 'resources/js/app.js'])
16    </head>
17    <body class="font-sans antialiased">
18        <div class="min-h-screen bg-gray-100">
19            @include('layouts.navigation')
20
21            <!-- Page Heading -->
22            @if (isset($header))
23                <header class="bg-white shadow">
24                    <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
25                        {{ $header }}
26                    </div>
27                </header>
28            @endif
29
30            <!-- Page Content -->
31            <main>
32                {{ $slot }}
33            </main>
34        </div>
35    </body>
36</html>

resources/views/auth/login
1<x-guest-layout>
2    <!-- Session Status -->
3    <x-auth-session-status class="mb-4" :status="session('status')" />
4
5    <form method="POST" action="{{ route('login') }}">
6        @csrf
7
8        <!-- Email Address -->
9        <div>
10            <x-input-label for="email" :value="__('Email')" />
11            <x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" />
12            <x-input-error :messages="$errors->get('email')" class="mt-2" />
13        </div>
14
15        <!-- Password -->
16        <div class="mt-4">
17            <x-input-label for="password" :value="__('Password')" />
18
19            <x-text-input id="password" class="block mt-1 w-full"
20                            type="password"
21                            name="password"
22                            required autocomplete="current-password" />
23
24            <x-input-error :messages="$errors->get('password')" class="mt-2" />
25        </div>
26
27        <!-- Remember Me -->
28        <div class="block mt-4">
29            <label for="remember_me" class="inline-flex items-center">
30                <input id="remember_me" type="checkbox" class="rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500" name="remember">
31                <span class="ms-2 text-sm text-gray-600">{{ __('Remember me') }}</span>
32            </label>
33        </div>
34
35        <div class="flex items-center justify-end mt-4">
36            @if (Route::has('password.request'))
37                <a class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('password.request') }}">
38                    {{ __('Forgot your password?') }}
39                </a>
40            @endif
41
42            <x-primary-button class="ms-3">
43                {{ __('Log in') }}
44            </x-primary-button>
45        </div>
46    </form>
47</x-guest-layout>

resources/css/app
1@tailwind base;
2@tailwind components;
3@tailwind utilities;

resources/js/app
1import './bootstrap';
2
3import Alpine from 'alpinejs';
4
5window.Alpine = Alpine;
6
7Alpine.start();

resources/js/bootstrap
1import axios from 'axios';
2window.axios = axios;
3
4window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

試したこと

上記の質問の通り、cssがエラーが出ていたので対処し、エラーを消して再度テスト環境で確認をしてみたのですがデザインが崩れたままでした。

！追記！
調べたところ、下記のサイトが見つかったので、試したのですが、レイアウト崩れが解決しませんでした。
Laravel+Breeze+Vite+Dockerでのレイアウト崩れ対応

!追記!
下記のサイトでviewの方の変更を行いましたが、Mix manifest not found のエラーが発生し、npm install && npm run devを実行したのですが、エラーは解消されませんでした。
LaravelでBreezeを使った時にログイン画面が崩れるのを直す