diff --git a/packages/demo/src/views/404.vue b/packages/demo/src/views/404.vue
index d69d26f30b71f518d144f75ec135a8f484e039b5..0c8c63d3148d0532ec0deec617ed6a40f4a34f6d 100644
--- a/packages/demo/src/views/404.vue
+++ b/packages/demo/src/views/404.vue
@@ -1,15 +1,15 @@
 <template>
   <div class="page">
-    <h1 class="error-code">404</h1>
+    <h1  class="error-code">404</h1>
   </div>
 </template>
 
 <style scoped lang="scss">
 .error-code {
   display: block;
-  color: #666;
-  font-size: 4rem;
-  font-weight: 200;
+  color: red;
+  font-size: 40rem;
+  font-weight: 800;
   text-align: center;
 }
 </style>