diff --git a/docs/index.html b/docs/index.html
index 8c9d4e2..96690de 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -94,11 +94,11 @@
 
       <a
         href="https://www.producthunt.com/posts/water-css?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-water-css"
+        id="product-hunt"
         target="_blank"
         rel="noopener"
       >
         <img
-          id="product-hunt"
           src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=150490&theme=dark&period=daily"
           alt="Water.css - Make your tiny website just a little nicer | Product Hunt Embed"
           style="width: 250px; height: 54px;"
diff --git a/docs/script.js b/docs/script.js
index fb821c0..1fdb739 100644
--- a/docs/script.js
+++ b/docs/script.js
@@ -11,7 +11,7 @@ const fileSizes = {
 const themeForm = document.getElementById('theme-form')
 const stylesheet = document.getElementById('js-stylesheet')
 const startupStylesheet = document.getElementById('js-startup-stylesheet')
-const productHunt = document.getElementById('product-hunt')
+const productHunt = document.querySelector('#product-hunt > img')
 const copyButton = document.getElementById('copy-button')
 const copyButtonFeedback = document.getElementById('copy-button-feedback')
 const linkSnippets = [].slice.call(document.querySelectorAll('#link-snippet-container > pre'))