diff --git a/blog/src/components/BackNav.astro b/blog/src/components/BackNav.astro
index bb93e33..6e07661 100644
--- a/blog/src/components/BackNav.astro
+++ b/blog/src/components/BackNav.astro
@@ -1,15 +1,14 @@
 ---
+---
 
----
-
-<a class="no-link-link" href="javascript:history.back()">
+<a href={Astro.request.headers.get('referer') || '/'}>
   <button class="rounded">zurück</button>
 </a>
 
 <style>
   button {
     padding: 12px 24px;
-    margin: 8px 0 16px 64px;
+    margin: 8px 0 16px 0px;
     border-style: none;
   }
 </style>
diff --git a/blog/src/layouts/BlogPostLayout.astro b/blog/src/layouts/BlogPostLayout.astro
index acee608..ab7f708 100644
--- a/blog/src/layouts/BlogPostLayout.astro
+++ b/blog/src/layouts/BlogPostLayout.astro
@@ -30,8 +30,8 @@ const titleImg = findImageByPath(frontmatter.image.path);
     </div>
     <hr />
     <slot />
-  </article>
   <BackNav />
+  </article>
 </Main>
 
 <style>