diff --git a/src/components/BlockNumber.vue b/src/components/BlockNumber.vue
index ad09165..7e3e3ba 100644
--- a/src/components/BlockNumber.vue
+++ b/src/components/BlockNumber.vue
@@ -6,9 +6,12 @@ const blockNumber = ref(0)
 
 onMounted(async () => {
   blockNumber.value = await ethProvider.getBlockNumber()
+  ethProvider.on('block', (newBlockNum) => {
+    blockNumber.value = newBlockNum
+  })
 })
 </script>
 
 <template>
   <span>Current block: {{ blockNumber }}</span>
-</template>
\ No newline at end of file
+</template>