diff --git a/resources/js/components/ProductoCard.vue b/resources/js/components/ProductoCard.vue
index 48a2e1d..cdda278 100644
--- a/resources/js/components/ProductoCard.vue
+++ b/resources/js/components/ProductoCard.vue
@@ -40,7 +40,7 @@ export default {
 </script>
 
 <template>
-    <div class="block column is-half-desktop is-full-mobile is-full-tablet">
+    <div class="block column min-width">
         <div class="box" style="height:100%">
             <div class="columns">
                 <div class="column is-three-quarters">
@@ -93,6 +93,12 @@ export default {
     </div>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
+@use "bulma/sass/utilities/mixins";
 
+@include mixins.desktop {
+    .min-width {
+        min-width: 25rem;
+    }
+}
 </style>
diff --git a/resources/js/components/ProductosContainer.vue b/resources/js/components/ProductosContainer.vue
index fd2f638..99c29e4 100644
--- a/resources/js/components/ProductosContainer.vue
+++ b/resources/js/components/ProductosContainer.vue
@@ -1,5 +1,5 @@
 <template>
-	<div v-show="visible" class="container is-max-desktop">
+	<div v-show="visible" class="block ml-6 mr-6">
       <div class="columns is-multiline is-mobile">
         <producto-card v-for="(producto,i) in productos" :key="i" :producto="producto">
         </producto-card><!-- END BLOCK COLUMN -->