diff --git a/packages/nc-gui/components/general/PageDoesNotExist.vue b/packages/nc-gui/components/general/PageDoesNotExist.vue
new file mode 100644
index 0000000000..969f136361
--- /dev/null
+++ b/packages/nc-gui/components/general/PageDoesNotExist.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="h-full grid place-items-center text-center">
+    <div class="flex flex-col items-center gap-6">
+      <slot name="icon">
+        <img width="48" alt="NocoDB" src="~/assets/img/icons/256x256.png" />
+      </slot>
+
+      <div class="text-xl text-nc-content-gray font-bold">
+        <slot name="title">
+          {{ $t('title.thisPageDoesNotExist') }}
+        </slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index c254ea3548..7206d2becd 100644
--- a/packages/nc-gui/lang/en.json
+++ b/packages/nc-gui/lang/en.json
@@ -647,7 +647,7 @@
     "unlockThisVieToMakeChanges": "Unlock this view to make changes",
     "yourBaseRole": "Your base role",
     "lockedByUser": "Locked by {user}",
-    "thisPageDoesNotExists": "This page doesn’t exist",
+    "thisPageDoesNotExist": "This page doesn’t exist",
     "customUrl": "Custom URL"
   },
   "labels": {