diff --git a/src/components/HeaderD.js b/src/components/HeaderD.js
index 195e3e5..23c341f 100644
--- a/src/components/HeaderD.js
+++ b/src/components/HeaderD.js
@@ -91,10 +91,9 @@ export default function HeaderD({
       </div>
 
       <div className="absolute z-10 w-full h-full flex flex-col items-center justify-end">
-        <div
-          className={`w-12 h-12 flex justify-center items-center text-4xl text-gray-200 ri-arrow-down-fill rounded-full border hover:border-white border-transparent ${
-            showCookies ? 'mb-2' : 'mb-22'
-          }`}
+        <a
+          href="#part-one"
+          className="w-12 h-12 flex justify-center items-center text-4xl text-gray-200 ri-arrow-down-fill rounded-full border hover:border-white border-transparent mb-22"
         />
       </div>
 
diff --git a/src/components/HeaderM.js b/src/components/HeaderM.js
index 683610d..e92dba5 100644
--- a/src/components/HeaderM.js
+++ b/src/components/HeaderM.js
@@ -124,10 +124,9 @@ export default function HeaderD({
       </div>
 
       <div className="absolute z-10 w-full h-full flex flex-col items-center justify-end">
-        <div
-          className={`w-12 h-12 flex justify-center items-center text-4xl text-gray-200 ri-arrow-down-fill rounded-full border hover:border-white border-transparent ${
-            showCookies ? 'mb-2' : 'mb-22'
-          }`}
+        <a
+          href="#part-one"
+          className="w-12 h-12 flex justify-center items-center text-4xl text-gray-200 ri-arrow-down-fill rounded-full border hover:border-white border-transparent mb-32"
         />
       </div>
 
diff --git a/src/components/PartOne.js b/src/components/PartOne.js
index faffc70..37bf11c 100644
--- a/src/components/PartOne.js
+++ b/src/components/PartOne.js
@@ -4,7 +4,10 @@ import part1banner from '../assets/images/part-1-banner.png';
 
 export default function PartOne() {
   return (
-    <div className="w-full h-screen flex flex-col items-center sm:justify-start justify-center sm:py-12 sm:px-20 p-4">
+    <div
+      className="w-full h-screen flex flex-col items-center sm:justify-start justify-center sm:py-12 sm:px-20 p-4"
+      id="part-one"
+    >
       <div className="text-red-600 uppercase text-sm font-bold font-avenirblack">
         How we do it
       </div>