diff --git a/example/src/App.vue b/example/src/App.vue
index 12b5bfd0f1fe03f2df57626de7351351f49d0098..91a9cbdd36d256966e9b95c9fc6d0b467debc695 100644
--- a/example/src/App.vue
+++ b/example/src/App.vue
@@ -5,7 +5,7 @@ import CircularCard from "./components/CircularCard.vue";
 
 <template>
   <div id="app">
-    <DragGrid :rows="5" :cols="5" :pos-validation="blockField" v-model="items">
+    <DragGrid :rows="8" :cols="5" :pos-validation="blockField" v-model="items">
       <div id="blocker">
         This field is blocked because it's filled, the next one programmatically
       </div>