diff --git a/resources/js/components/ProductoCard.vue b/resources/js/components/ProductoCard.vue
index bccc2c6..48a2e1d 100644
--- a/resources/js/components/ProductoCard.vue
+++ b/resources/js/components/ProductoCard.vue
@@ -40,6 +40,7 @@ export default {
 </script>
 
 <template>
+    <div class="block column is-half-desktop is-full-mobile is-full-tablet">
         <div class="box" style="height:100%">
             <div class="columns">
                 <div class="column is-three-quarters">
@@ -89,6 +90,7 @@ export default {
                 </div>
             </footer>
         </div><!-- END BOX -->
+    </div>
 </template>
 
 <style scoped>
diff --git a/resources/js/components/ProductosContainer.vue b/resources/js/components/ProductosContainer.vue
index 8c4aa48..fd2f638 100644
--- a/resources/js/components/ProductosContainer.vue
+++ b/resources/js/components/ProductosContainer.vue
@@ -1,7 +1,7 @@
 <template>
 	<div v-show="visible" class="container is-max-desktop">
       <div class="columns is-multiline is-mobile">
-        <producto-card v-for="(producto,i) in productos" :key="i" :producto="producto" class="block column is-half-desktop is-full-mobile is-full-tablet">
+        <producto-card v-for="(producto,i) in productos" :key="i" :producto="producto">
         </producto-card><!-- END BLOCK COLUMN -->
       </div><!-- END COLUMNS -->
     </div><!-- END CONTAINER -->