diff --git a/resources/js/components/pedidos/CategoriasContainer.vue b/resources/js/components/pedidos/CategoriasContainer.vue
index 41adfd7..a996010 100644
--- a/resources/js/components/pedidos/CategoriasContainer.vue
+++ b/resources/js/components/pedidos/CategoriasContainer.vue
@@ -1,16 +1,15 @@
 <template>
     <div v-show="visible" class="column">
-        <div class="columns is-multiline is-mobile is-justify-content-center"
-             :class="{'align-last-left': categorias.length % 4 !== 0}">
+        <div class="columns is-multiline is-mobile"
+            :class="{ 'align-last-left': isLastRowIncomplete }">
             <div v-for="(categoria,i) in categorias" :key="i"
                  :class="{ 'is-3-desktop': !show_chismosa }"
                  class="column is-4-tablet is-6-mobile ">
-                <div @click.capture="seleccionar(categoria)" class="card" style="height:100%">
+                <div @click.capture="seleccionar(categoria)" class="card" style="height: 100%">
                     <div class="card-content">
                         <div class="media">
-                            <div class="media-content" style="overflow:hidden">
-                                <p class="title is-size-7-mobile has-text-centered is-size-6-tablet"
-                                   v-text="categoria"></p>
+                            <div class="media-content" style="overflow: hidden">
+                                <p class="title is-6" v-text="categoria"></p>
                             </div>
                         </div>
                     </div>
@@ -20,6 +19,7 @@
     </div>
 </template>
 
+
 <script>
 import { mapActions, mapMutations, mapState } from "vuex";
 export default {
@@ -50,6 +50,7 @@ export default {
                 }
 
                 const firstRowTop = columns[0].offsetTop;
+
                 let firstRowCount = 0;
                 columns.forEach(col => {
                     if (col.offsetTop === firstRowTop) firstRowCount++;