diff --git a/src/layouts/404.vue b/src/layouts/404.vue
index ca5ada7..e10cde5 100644
--- a/src/layouts/404.vue
+++ b/src/layouts/404.vue
@@ -4,13 +4,13 @@ const { t } = useI18n()
 </script>
 
 <template>
-  <main p="x4 y10" text="center teal-700 dark:gray-200">
-    <div text-4xl>
-      <div i-carbon-warning inline-block />
+  <main class="p-x4 p-y10 text-center text-teal-700 dark:text-gray-200">
+    <div class="text-4xl">
+      <div class="i-carbon-warning inline-block" />
     </div>
     <RouterView />
     <div>
-      <button btn text-sm m="3 t8" @click="router.back()">
+      <button class="btn text-sm m-3 mt-8" @click="router.back()">
         {{ t('button.back') }}
       </button>
     </div>