diff --git a/resources/js/components/AppLogin.vue b/resources/js/components/AppLogin.vue
index 9011697..69b81db 100644
--- a/resources/js/components/AppLogin.vue
+++ b/resources/js/components/AppLogin.vue
@@ -2,10 +2,11 @@
 import LoginInput from "./login/LoginInput.vue";
 import LoginLoginTitulos from "./login/LoginTitulos.vue";
 import { mapGetters } from "vuex";
+import LoginDropdown from "./login/LoginDropdown.vue";
 
 export default {
     name: 'LoginForm',
-    components: { LoginTitulos: LoginLoginTitulos, LoginInput },
+    components: { LoginDropdown, LoginTitulos: LoginLoginTitulos, LoginInput },
     computed: {
         ...mapGetters("login", ["estilos"])
     }
@@ -15,6 +16,7 @@ export default {
 <template>
 <div id="login-form" :class="estilos.fondo">
     <section class="section">
+        <login-dropdown class="is-hidden-tablet"></login-dropdown>
         <login-titulos></login-titulos>
         <login-input></login-input>
     </section>
diff --git a/resources/js/components/login/LoginTitulos.vue b/resources/js/components/login/LoginTitulos.vue
index 7cfd177..0ae4a8a 100644
--- a/resources/js/components/login/LoginTitulos.vue
+++ b/resources/js/components/login/LoginTitulos.vue
@@ -1,8 +1,10 @@
 <script>
 import { mapGetters } from "vuex";
+import LoginDropdown from "./LoginDropdown.vue";
 
 export default {
     name: "LoginTitulos",
+    components: { LoginDropdown },
     computed: {
         ...mapGetters("login", ["textos", "estilos"]),
     }
@@ -10,12 +12,19 @@ export default {
 </script>
 
 <template>
-    <div class="block">
-        <h1 class="title" :class="estilos.texto">{{ textos.titulo }}</h1>
-        <p class="subtitle" :class="estilos.texto">
-            {{ `Bienvenidx a la  ${textos.subtitlo} del ` }}
-            <strong :class="estilos.texto">Mercado Popular de Subistencia</strong>
-        </p>
+    <div class="columns">
+        <div class="column">
+            <div class="block">
+                <h1 class="title" :class="estilos.texto">{{ textos.titulo }}</h1>
+                <p class="subtitle" :class="estilos.texto">
+                    {{ `Bienvenidx a la  ${textos.subtitlo} del ` }}
+                    <strong :class="estilos.texto">Mercado Popular de Subistencia</strong>
+                </p>
+            </div>
+        </div>
+        <div class="column is-2 is-hidden-mobile">
+            <login-dropdown></login-dropdown>
+        </div>
     </div>
 </template>