diff --git a/contentcuration/contentcuration/frontend/shared/views/errors/ChannelNotFoundError.vue b/contentcuration/contentcuration/frontend/shared/views/errors/ChannelNotFoundError.vue
index f55b40ce51..a0faa72766 100644
--- a/contentcuration/contentcuration/frontend/shared/views/errors/ChannelNotFoundError.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/errors/ChannelNotFoundError.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <AppError>
+  <StudioAppError>
     <template #header>
       {{ $tr('channelNotFoundHeader') }}
     </template>
@@ -8,26 +8,28 @@
       {{ $tr('channelNotFoundDetails') }}
     </template>
     <template #actions>
-      <VBtn
+      <KRouterLink
         v-bind="backHomeLink"
-        color="primary"
+        appearance="raised-button"
+        :primary="true"
+        style="margin-top: 1rem"
       >
         {{ $tr('backToHomeAction') }}
-      </VBtn>
+      </KRouterLink>
     </template>
-  </AppError>
+  </StudioAppError>
 
 </template>
 
 
 <script>
 
-  import AppError from './AppError';
+  import StudioAppError from './StudioAppError.vue';
 
   export default {
     name: 'ChannelNotFoundError',
     components: {
-      AppError,
+      StudioAppError,
     },
     props: {
       backHomeLink: {
diff --git a/contentcuration/contentcuration/frontend/shared/views/errors/StudioAppError.vue b/contentcuration/contentcuration/frontend/shared/views/errors/StudioAppError.vue
new file mode 100644
index 0000000000..326685711a
--- /dev/null
+++ b/contentcuration/contentcuration/frontend/shared/views/errors/StudioAppError.vue
@@ -0,0 +1,44 @@
+<template>
+
+  <div class="studio-app-error">
+    <h1>
+      <slot name="header"></slot>
+    </h1>
+    <p class="details">
+      <slot name="details"></slot>
+    </p>
+    <div>
+      <slot name="actions"></slot>
+    </div>
+  </div>
+
+</template>
+
+
+<script>
+
+  export default {
+    name: 'StudioAppError',
+  };
+
+</script>
+
+
+<style lang="scss" scoped>
+
+  .studio-app-error {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 50vh;
+    padding: 0 1rem;
+    text-align: center;
+  }
+
+  .details {
+    max-width: 675px;
+    margin: 1rem 0;
+  }
+
+</style>