diff --git a/public/css/app.css b/public/css/app.css
index e70feb5..4dc944a 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -25,4 +25,9 @@ nav.breadcrumb.is-fixed-top {
 
 main.has-top-padding {
 	padding-top: 3rem !important;
-}
\ No newline at end of file
+}
+
+.has-text-centered {
+    text-align: center;
+    margin: 0 1em;
+}
diff --git a/public/js/chismosa.js b/public/js/chismosa.js
index 581d270..7fa6f79 100644
--- a/public/js/chismosa.js
+++ b/public/js/chismosa.js
@@ -1,7 +1,7 @@
 Vue.component('chismosa', {
     template: `
         <div class="container">
-            <table class="table is-fullwidth is-striped is-bordered">
+            <table v-show="this.subpedido.productos.length != 0" class="table is-fullwidth is-striped is-bordered">
                 <thead>
                 <tr>
                     <th>Producto</th>
@@ -31,6 +31,7 @@ Vue.component('chismosa', {
                 <producto-row v-for="producto in this.subpedido.productos" :producto="producto" :key="producto.id"></producto-row>
                 </tbody>
             </table>
+            <p class="has-text-centered" v-show="this.subpedido.productos.length == 0">Compa, todavía no agregaste nada a la chismosa.</p>
         </div>
     `,
     data() {