diff --git a/resources/css/app.scss b/resources/css/app.scss
index 76b6f23..df4e85c 100644
--- a/resources/css/app.scss
+++ b/resources/css/app.scss
@@ -67,7 +67,7 @@ code {
 }
 
 /* Page Errors */
-.page-error {
+.sm-page-error {
     display: flex;
     flex-direction: row;
     flex: 1;
diff --git a/resources/js/components/errors/Forbidden.vue b/resources/js/components/errors/Forbidden.vue
index 7265c6d..9391c2b 100644
--- a/resources/js/components/errors/Forbidden.vue
+++ b/resources/js/components/errors/Forbidden.vue
@@ -1,6 +1,6 @@
 <template>
     <SMPage no-breadcrumbs>
-        <div class="page-error forbidden">
+        <div class="sm-page-error sm-error-forbidden">
             <div class="image"></div>
             <div class="content">
                 <h1>The cat says no!</h1>
@@ -13,7 +13,7 @@
 <script setup lang="ts"></script>
 
 <style lang="scss">
-.page-error.forbidden .image {
+.sm-page-error.sm-error-forbidden .image {
     background-image: url("/img/403.jpg");
 }
 </style>
diff --git a/resources/js/components/errors/Internal.vue b/resources/js/components/errors/Internal.vue
index f1a40d6..3e63f89 100644
--- a/resources/js/components/errors/Internal.vue
+++ b/resources/js/components/errors/Internal.vue
@@ -1,6 +1,6 @@
 <template>
     <SMPage no-breadcrumbs>
-        <div class="page-error internal">
+        <div class="sm-page-error sm-error-internal">
             <div class="image"></div>
             <div class="content">
                 <h1>The cat has broken something</h1>
@@ -16,7 +16,7 @@
 <script setup lang="ts"></script>
 
 <style lang="scss">
-.page-error.internal .image {
+.sm-page-error.sm-error-internal .image {
     background-image: url("/img/500.jpg");
 }
 </style>
diff --git a/resources/js/components/errors/NotFound.vue b/resources/js/components/errors/NotFound.vue
index 666b3c6..06cc561 100644
--- a/resources/js/components/errors/NotFound.vue
+++ b/resources/js/components/errors/NotFound.vue
@@ -1,6 +1,6 @@
 <template>
     <SMPage no-breadcrumbs>
-        <div class="page-error not-found">
+        <div class="sm-page-error sm-error-not-found">
             <div class="image"></div>
             <div class="content">
                 <h1>Opps</h1>
@@ -13,7 +13,7 @@
 <script setup lang="ts"></script>
 
 <style lang="scss">
-.page-error.not-found .image {
+.sm-page-error.sm-error-not-found .image {
     background-image: url("/img/404.jpg");
 }
 </style>