diff --git a/.gitignore b/.gitignore
index 926e915..24caa3f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -43,4 +43,7 @@ next-env.d.ts
 **/public/precache**
 
 # Cloudflare
-.wrangler
\ No newline at end of file
+.wrangler
+
+# pnpm
+pnpm-lock.yaml
\ No newline at end of file
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 9ceb6f2..ab6129c 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -1,7 +1,12 @@
 import { faGithubAlt } from "@fortawesome/free-brands-svg-icons";
+import { faRotateRight } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export const Footer = () => {
+  const refreshHandler = () => {
+    window.location.reload();
+  };
+
   return (
     <footer className="footer mt-10 items-center bg-neutral p-4 text-neutral-content">
       <aside className="grid-flow-row items-center">
@@ -15,6 +20,12 @@ export const Footer = () => {
             className="mr-2 max-w-6 text-2xl text-white"
           />
         </a>
+        <button onClick={refreshHandler}>
+          <FontAwesomeIcon
+            icon={faRotateRight}
+            className="mr-2 max-w-6 text-2xl text-white"
+          />
+        </button>
       </nav>
     </footer>
   );