diff --git a/src/app/error.tsx b/src/app/error.tsx
index 9c5563b..fdb1eb0 100644
--- a/src/app/error.tsx
+++ b/src/app/error.tsx
@@ -12,8 +12,8 @@ import {
 
 function Error() {
   return (
-    <Center className="@container h-full w-full flex-1">
-      <Stack align="center" className="min-w-4/5 @lg:w-full w-4/5 max-w-xl">
+    <Center className="h-full w-full flex-1 @container">
+      <Stack align="center" className="min-w-4/5 w-4/5 max-w-xl @lg:w-full">
         <Image
           alt="500"
           className="aspect-[5/4]"
diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 78b7044..3734e81 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -12,8 +12,8 @@ import Link from 'next/link';
 
 const NotFound = () => {
   return (
-    <Center className="@container h-full w-full flex-1">
-      <Stack align="center" className="min-w-4/5 @lg:w-full w-4/5 max-w-xl">
+    <Center className="h-full w-full flex-1 @container">
+      <Stack align="center" className="min-w-4/5 w-4/5 max-w-xl @lg:w-full">
         <Image
           alt="404"
           className="aspect-[5/4]"