diff --git a/src/components/ErrorComponent.astro b/src/components/ErrorComponent.astro
index 67e670b..e44978f 100644
--- a/src/components/ErrorComponent.astro
+++ b/src/components/ErrorComponent.astro
@@ -11,9 +11,9 @@ interface props {
 const { title = "404" } = Astro.props;
 ---
 
-<div class="grid place-items-center min-h-[60vh] w-full error-component mt-6">
+<div class="flex flex-col items-center justify-center min-h-[60vh] w-full py-12 error-component">
     <div
-        class="w-full sm:max-w-lg bg-red-50 text-red-500 p-0 sm:rounded-lg sm:shadow border-b-2 sm:border-2 border-red-500 text-center"
+        class="w-full sm:max-w-lg -mx-4 sm:mx-0 bg-red-50 text-red-500 p-0 sm:rounded-lg sm:shadow border-y-2 sm:border-2 border-red-500 text-center"
     >
         <h1
             class="bg-red-500 text-white text-4xl font-bold py-2 px-4 font-mono flex items-center justify-center gap-3"
@@ -35,7 +35,7 @@ const { title = "404" } = Astro.props;
             <slot />
             <a
                 href={getPath("/")}
-                class="flex items-center justify-center gap-1 font-semibold text-red-500 hover:text-white hover:bg-red-500 rounded-full px-4 py-2 hover:drop-shadow transition-colors transition-[1s] mt-2"
+                class="flex items-center justify-center gap-1 font-semibold text-red-500 hover:text-white hover:bg-red-500 rounded-full px-4 py-2 hover:drop-shadow transition-colors duration-300 mt-2"
             >
                 <Icon name="tabler:arrow-big-left" class="size-5" />
                 Zurück zur Startseite
@@ -52,4 +52,4 @@ const { title = "404" } = Astro.props;
     .error-component .animate-ping {
         animation-duration: 2s;
     }
-</style>
+</style>
\ No newline at end of file