diff --git a/json-box.vue b/json-box.vue
index 29b309e..6ceef8f 100644
--- a/json-box.vue
+++ b/json-box.vue
@@ -11,7 +11,7 @@
 <script>
 import JIcon from './json-icon'
 import JsonString from './types/json-string';
-import JsonNull from './types/json-null';
+import JsonUndefined from './types/json-undefined';
 import JsonNumber from './types/json-number';
 import JsonBoolean from './types/json-boolean';
 import JsonObject from './types/json-object';
@@ -36,7 +36,7 @@ export default {
     computed: {
         valueType() {
             if (this.value === null || this.value === undefined) {
-                return 'Null';
+                return 'Undefined';
             } else if (Array.isArray(this.value)) {
                 return 'Array';
             } else if (typeof this.value === 'object') {
@@ -59,7 +59,7 @@ export default {
         JsonBoolean,
         JsonObject,
         JsonArray,
-        JsonNull,
+        JsonUndefined,
         JIcon
     }
 };
diff --git a/types/json-null.vue b/types/json-undefined.vue
similarity index 54%
rename from types/json-null.vue
rename to types/json-undefined.vue
index b424821..e4b8d54 100644
--- a/types/json-null.vue
+++ b/types/json-undefined.vue
@@ -1,10 +1,10 @@
 <template>
-    <span class="json-null">{{ jsonValue === null ? 'null' : 'undefined' }}</span>
+    <span class="json-undefined">{{ jsonValue === null ? 'null' : 'undefined' }}</span>
 </template>
 
 <script>
 export default {
-    name: 'JsonNull',
+    name: 'JsonUndefined',
     props: {
         jsonValue: Object
     }
@@ -12,7 +12,7 @@ export default {
 </script>
 
 <style lang="scss">
-.json-null {
+.json-undefined {
     color: #e08331;
 }
 </style>