diff --git a/examples/kitchen-sink/pages/chips.vue b/examples/kitchen-sink/pages/chips.vue
index 6854b02..bea4696 100644
--- a/examples/kitchen-sink/pages/chips.vue
+++ b/examples/kitchen-sink/pages/chips.vue
@@ -56,30 +56,39 @@
       <f7-chip text="Blue Chip" color="blue"></f7-chip>
       <f7-chip text="Orange Chip" color="orange"></f7-chip>
       <f7-chip text="Pink Chip" color="pink"></f7-chip>
-    </div>
+    </f7-block>
   </f7-page>
 </template>
 <script>
-  import { f7Navbar, f7Page, f7BlockTitle, f7Chip, f7Block, f7Icon } from 'framework7-vue';
+import {
+  f7Navbar,
+  f7Page,
+  f7BlockTitle,
+  f7Chip,
+  f7Block,
+  f7Icon
+} from 'framework7-vue'
 
-  export default {
-    components: {
-      f7Navbar,
-      f7Page,
-      f7BlockTitle,
-      f7Chip,
-      f7Block,
-      f7Icon,
-    },
-    methods: {
-      deleteChip(e) {
-        const $$ = this.$$;
-        const app = this.$f7;
-        app.dialog.confirm('Do you want to delete this tiny demo Chip?', () => {
-          $$(e.target).parents('.chip').remove();
-        });
-      },
-    },
-  };
+export default {
+  components: {
+    f7Navbar,
+    f7Page,
+    f7BlockTitle,
+    f7Chip,
+    f7Block,
+    f7Icon
+  },
+  methods: {
+    deleteChip(e) {
+      const $$ = this.$$
+      const app = this.$f7
+      app.dialog.confirm('Do you want to delete this tiny demo Chip?', () => {
+        $$(e.target)
+          .parents('.chip')
+          .remove()
+      })
+    }
+  }
+}
 </script>