diff --git a/src/components/items/back.js b/src/components/items/back.js
index 0745b6f..1e5c933 100644
--- a/src/components/items/back.js
+++ b/src/components/items/back.js
@@ -5,10 +5,13 @@ import { Link } from "gatsby"
 import { FaArrowLeft } from "react-icons/fa"
 
 const Back = () => (
-  <Link to="/" className={styles.container}>
+  <button
+    className={`${styles.container} ${styles.button}`}
+    onClick={() => window.history.back()}
+  >
     <FaArrowLeft />
     <p>Tilbake</p>
-  </Link>
+  </button>
 )
 
 export default Back
diff --git a/src/components/items/back.module.css b/src/components/items/back.module.css
index 217c8d9..3d6da57 100644
--- a/src/components/items/back.module.css
+++ b/src/components/items/back.module.css
@@ -4,3 +4,13 @@
   justify-content: center;
   gap: 0.5rem;
 }
+
+.button {
+  background: none;
+  border: none;
+  color: var(--link-color);
+}
+.button:hover,
+.button *:hover {
+  color: var(--link-color-hover);
+}