diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 0dd6180..7c51fe2 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{{ config('app.name', 'Pedidos del MPS') }}</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
-    <link rel="stylesheet" href="{{ mix('css/app.css') }}">
+    @vite(['resources/sass/app.scss', 'resources/js/app.js'])
     <script src="https://kit.fontawesome.com/9235d1c676.js" crossorigin="anonymous"></script>
 </head>
 <body>
@@ -15,6 +15,5 @@
             <app-login></app-login>
         </form>
     </div>
-    <script src="{{ mix('js/app.js') }}" defer></script>
 </body>
 </html>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 5120415..e61af83 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -12,7 +12,7 @@
 
     <!-- Fonts -->
     <script src="https://kit.fontawesome.com/9235d1c676.js" crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="{{ mix('css/app.css') }}">
+    @vite(['resources/sass/app.scss', 'resources/js/app.js'])
     @yield('stylesheets')
 </head>
 <body class="has-navbar-fixed-top">
@@ -28,8 +28,6 @@
             @yield('content')
         </main>
     </div>
-    <!-- Scripts -->
-    <script src="{{ mix('js/app.js') }}" defer></script>
     @yield('scripts')
 </body>
 </html>
