diff --git a/docs/index.html b/docs/index.html
index 957bf01..2fd8574 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -80,10 +80,10 @@
         <a
           href="https://www.producthunt.com/posts/water-css?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-water-css"
           target="_blank"
+          id="product-hunt"
           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/scripts/themer.js b/docs/scripts/themer.js
index 2db123d..b99f690 100644
--- a/docs/scripts/themer.js
+++ b/docs/scripts/themer.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 linkSnippets = [...document.querySelectorAll('#link-snippet-container > pre')]
 
 const table = {