diff --git a/index.html b/index.html
index 2b9b04a..225e5d2 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,7 @@ <h1>🌷🌼🌸 Filter Me 🌸🌼🌷</h1>
     <div class="buttons">
       <button id="flower-crown">flower crown 💐</button>
       <button id="bunny-ears">bunny ears 🐰</button>       
+      <button id="dog-face">dog face 🐶</button>
     </div>        
     <div class="webcam">
       <video id="video" width="500" height="375" preload autoplay loop muted></video>
diff --git a/script.js b/script.js
index 9511f6a..2bd7bf6 100644
--- a/script.js
+++ b/script.js
@@ -3,6 +3,7 @@ const context = canvas.getContext('2d')
 const tracker = new tracking.ObjectTracker('face')
 const flowerCrownButton = document.getElementById('flower-crown')
 const bunnyEarsButton = document.getElementById('bunny-ears')
+const dogFaceButton = document.getElementById('dog-face')
 
 const img = new Image()
 let filterX = 0
@@ -30,6 +31,10 @@ bunnyEarsButton.addEventListener('click', () => {
   changePic(-0.5, -0.9, 2, 2, 'bunny-ears.png')
 })
 
+dogFaceButton.addEventListener('click', () => {
+  changePic(-0.6, -0.6, 2, 2.5, 'dog-face.png')
+});
+
 tracker.setInitialScale(4)
 tracker.setStepSize(2)
 tracker.setEdgesDensity(0.1)