diff --git a/components/footer.js b/components/footer.js
index 8a0c695..3369288 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -7,7 +7,6 @@ export default function Footer() {
         <div>
             <div className={styles.footer}>
                 <div className="container">
-                    <audio src="/sound/meow.mp3" id="meow" preload="auto"></audio>
                     <p>
                         <b>
                             Made with <FontAwesomeIcon icon={faHeart} style={{color: "#63C5DA"}} size="1x" id="clickMeow" /> by <a href="https://twitter.com/midblep" className="link" target="_blank">Midblep</a>
diff --git a/public/js/meow.js b/public/js/meow.js
index 1001a10..73ee2e8 100644
--- a/public/js/meow.js
+++ b/public/js/meow.js
@@ -1,6 +1,6 @@
 const soundBtn = document.querySelector('#clickMeow');
-let myAudio = document.querySelector('#meow');
 soundBtn.addEventListener('click',() => {
-    myAudio.volume = 0.1;
-    myAudio.play();
+    let meow = new Audio("/sounds/meow.mp3");
+    meow.volume = 0.1;
+    meow.play();
 });
\ No newline at end of file
diff --git a/public/sound/meow.mp3 b/public/sounds/meow.mp3
similarity index 100%
rename from public/sound/meow.mp3
rename to public/sounds/meow.mp3