diff --git a/contentcuration/contentcuration/frontend/shared/views/errors/PageNotFoundError.vue b/contentcuration/contentcuration/frontend/shared/views/errors/PageNotFoundError.vue
index e1727b2a9b..f5241296c8 100644
--- a/contentcuration/contentcuration/frontend/shared/views/errors/PageNotFoundError.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/errors/PageNotFoundError.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <AppError>
+  <StudioAppError>
     <template #header>
       {{ $tr('pageNotFoundHeader') }}
     </template>
@@ -8,27 +8,28 @@
       {{ $tr('pageNotFoundDetails') }}
     </template>
     <template #actions>
-      <VBtn
+      <KRouterLink
         v-bind="backHomeLink"
-        color="primary"
+        appearance="raised-button"
+        primary
       >
         {{ $tr('backToHomeAction') }}
-      </VBtn>
+      </KRouterLink>
     </template>
-  </AppError>
+  </StudioAppError>
 
 </template>
 
 
 <script>
 
-  import AppError from './AppError';
+  import StudioAppError from './StudioAppError.vue';
   import { routerMixin } from 'shared/mixins';
 
   export default {
     name: 'PageNotFoundError',
     components: {
-      AppError,
+      StudioAppError,
     },
     mixins: [routerMixin],
     props: {