diff --git a/resources/views/auth/admin_login.blade.php b/resources/views/auth/admin_login.blade.php
index 0c6af90..3ae411d 100644
--- a/resources/views/auth/admin_login.blade.php
+++ b/resources/views/auth/admin_login.blade.php
@@ -1,28 +1,20 @@
 <!DOCTYPE html>
-<html class="has-background-danger" lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 <head>
     <meta charset="utf-8">
     <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') }}">
+    <script src="https://kit.fontawesome.com/9235d1c676.js" crossorigin="anonymous"></script>
 </head>
 <body>
-<section class="section">
-    <div id="root" class="container">
-        <login-titulos></login-titulos>
-        @error('name')
-        <div class="notification is-warning">
-            Contraseña incorrecta, intentalo nuevamente.
-        </div>
-        @enderror
-        <comunes-region-select></comunes-region-select>
-        <form method="post" action="/login">
-            @csrf
-            <comunes-login-form></comunes-login-form>
-        </form>
-    </div>
-</section>
+<div id="root">
+    <form method="post" action="/login">
+        @csrf
+        <app-login></app-login>
+    </form>
+</div>
 <script src="{{ mix('js/app.js') }}" defer></script>
 </body>
 </html>
diff --git a/resources/views/auth/compras_login.blade.php b/resources/views/auth/compras_login.blade.php
index c34ad4a..3ae411d 100644
--- a/resources/views/auth/compras_login.blade.php
+++ b/resources/views/auth/compras_login.blade.php
@@ -1,28 +1,20 @@
 <!DOCTYPE html>
-<html class="has-background-warning" lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-    <head>
-        <meta charset="utf-8">
-        <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') }}">
-        <script src="https://kit.fontawesome.com/9235d1c676.js" crossorigin="anonymous"></script>
-    </head>
-    <body>
-        <section class="section">
-        <div id="root" class="container">
-            <login-titulos></login-titulos>
-            @error('name')
-            <div class="notification is-danger">
-              Contraseña incorrecta, intentalo nuevamente.
-            </div>
-          @enderror
-          <form method="post" action="/login">
-            @csrf
-              <compras-login></compras-login>
-          </form>
-        </div>
-      </section>
-      <script src="{{ mix('js/app.js') }}" defer></script>
-    </body>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<head>
+    <meta charset="utf-8">
+    <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') }}">
+    <script src="https://kit.fontawesome.com/9235d1c676.js" crossorigin="anonymous"></script>
+</head>
+<body>
+<div id="root">
+    <form method="post" action="/login">
+        @csrf
+        <app-login></app-login>
+    </form>
+</div>
+<script src="{{ mix('js/app.js') }}" defer></script>
+</body>
 </html>
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 1e67b03..0dd6180 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -9,22 +9,12 @@
     <script src="https://kit.fontawesome.com/9235d1c676.js" crossorigin="anonymous"></script>
 </head>
 <body>
-<section class="section">
-    <div id="root" class="container">
-        <admin-boton-login></admin-boton-login>
-        <login-titulos></login-titulos>
-        @error('name')
-        <div class="notification is-danger">
-            Contraseña incorrecta, intentalo nuevamente.
-        </div>
-        @enderror
-        <comunes-region-select></comunes-region-select>
+    <div id="root">
         <form method="post" action="/login">
             @csrf
-            <comunes-login-form></comunes-login-form>
+            <app-login></app-login>
         </form>
     </div>
-</section>
-<script src="{{ mix('js/app.js') }}" defer></script>
+    <script src="{{ mix('js/app.js') }}" defer></script>
 </body>
 </html>
