diff --git a/404.html b/404.html
index 599887c1e..361b6fc43 100644
--- a/404.html
+++ b/404.html
@@ -274,7 +274,7 @@
             <input type="text" id="search" class="search-field" autofocus>
             <p><strong>SVG icons for popular brands.</strong> This project is maintained by <a href="https://twitter.com/bathtype">Dan Leech</a>. Contributions, corrections &amp; requests can be left on <a href="https://github.com/danleech/simple-icons">GitHub</a>. Company logos in icons are copyright of their respective owners.</p>
             <p><a href="https://github.com/danleech/simple-icons/tree/gh-pages/icons" class="button">Download</a></p>
-            <p><a href="#" onclick="toggleNames();return false" class="button button--secondary">Toggle Names &amp; Colour Values</a></p>
+            <p><a href="#" id="toggle-button" onclick="toggleNames();return false" class="button button--secondary">Toggle Names &amp; Colour Values</a></p>
         </div>
         <div class="block block--ad">
             <script async type="text/javascript" src="https://cdn.carbonads.com/carbon.js?zoneid=1696&serve=CVYD42T&placement=simpleiconsorg" id="_carbonads_js"></script>
@@ -550,9 +550,11 @@
             var list = document.getElementsByClassName("tiles tiles--icons");
             if(list.length == 1) {
                 list[0].className = "tiles tiles--full";
+                document.getElementById("toggle-button").innerHTML = "Hide Names & Colour Values";
             } else {
                 var list = document.getElementsByClassName("tiles tiles--full");
                 list[0].className = "tiles tiles--icons";
+                document.getElementById("toggle-button").innerHTML = "Show Names & Colour Values";
             }
         }
     </script>
diff --git a/index.html b/index.html
index 599887c1e..361b6fc43 100644
--- a/index.html
+++ b/index.html
@@ -274,7 +274,7 @@
             <input type="text" id="search" class="search-field" autofocus>
             <p><strong>SVG icons for popular brands.</strong> This project is maintained by <a href="https://twitter.com/bathtype">Dan Leech</a>. Contributions, corrections &amp; requests can be left on <a href="https://github.com/danleech/simple-icons">GitHub</a>. Company logos in icons are copyright of their respective owners.</p>
             <p><a href="https://github.com/danleech/simple-icons/tree/gh-pages/icons" class="button">Download</a></p>
-            <p><a href="#" onclick="toggleNames();return false" class="button button--secondary">Toggle Names &amp; Colour Values</a></p>
+            <p><a href="#" id="toggle-button" onclick="toggleNames();return false" class="button button--secondary">Toggle Names &amp; Colour Values</a></p>
         </div>
         <div class="block block--ad">
             <script async type="text/javascript" src="https://cdn.carbonads.com/carbon.js?zoneid=1696&serve=CVYD42T&placement=simpleiconsorg" id="_carbonads_js"></script>
@@ -550,9 +550,11 @@
             var list = document.getElementsByClassName("tiles tiles--icons");
             if(list.length == 1) {
                 list[0].className = "tiles tiles--full";
+                document.getElementById("toggle-button").innerHTML = "Hide Names & Colour Values";
             } else {
                 var list = document.getElementsByClassName("tiles tiles--full");
                 list[0].className = "tiles tiles--icons";
+                document.getElementById("toggle-button").innerHTML = "Show Names & Colour Values";
             }
         }
     </script>
diff --git a/src/footer.html b/src/footer.html
index f2a801682..614c9857b 100644
--- a/src/footer.html
+++ b/src/footer.html
@@ -34,9 +34,11 @@
             var list = document.getElementsByClassName("tiles tiles--icons");
             if(list.length == 1) {
                 list[0].className = "tiles tiles--full";
+                document.getElementById("toggle-button").innerHTML = "Hide Names & Colour Values";
             } else {
                 var list = document.getElementsByClassName("tiles tiles--full");
                 list[0].className = "tiles tiles--icons";
+                document.getElementById("toggle-button").innerHTML = "Show Names & Colour Values";
             }
         }
     </script>
diff --git a/src/header.html b/src/header.html
index 975ca839d..7c38550f7 100644
--- a/src/header.html
+++ b/src/header.html
@@ -274,7 +274,7 @@
             <input type="text" id="search" class="search-field" autofocus>
             <p><strong>SVG icons for popular brands.</strong> This project is maintained by <a href="https://twitter.com/bathtype">Dan Leech</a>. Contributions, corrections &amp; requests can be left on <a href="https://github.com/danleech/simple-icons">GitHub</a>. Company logos in icons are copyright of their respective owners.</p>
             <p><a href="https://github.com/danleech/simple-icons/tree/gh-pages/icons" class="button">Download</a></p>
-            <p><a href="#" onclick="toggleNames();return false" class="button button--secondary">Toggle Names &amp; Colour Values</a></p>
+            <p><a href="#" id="toggle-button" onclick="toggleNames();return false" class="button button--secondary">Toggle Names &amp; Colour Values</a></p>
         </div>
         <div class="block block--ad">
             <script async type="text/javascript" src="https://cdn.carbonads.com/carbon.js?zoneid=1696&serve=CVYD42T&placement=simpleiconsorg" id="_carbonads_js"></script>