diff --git a/roles/web_server/templates/nginx-default.j2 b/roles/web_server/templates/nginx-default.j2
index d2b3025423318d75d6e44214fb644ba381b6917d..65cf2ec1ecc19c84bed051a9a18515c934e14b73 100644
--- a/roles/web_server/templates/nginx-default.j2
+++ b/roles/web_server/templates/nginx-default.j2
@@ -40,6 +40,11 @@ server {
     # Show environment indicator on HTML pages.
     sub_filter_types text/html;
     sub_filter_once on;
-    sub_filter "</body>" "<div id='website-environment' style='background-color: {{ environment_indicator.background_colour }}; width: 100%; text-align: center; position: fixed; bottom: 5px; color: {{ environment_indicator.text_colour }}; font-weight: bold; z-index: 999999;'>{{ environment_indicator.text }}</div></body>";
+    sub_filter "</body>" "
+    <details open='true' style='position: fixed; left: 0; width: 100%; line-height: 1.5em; font-weight: bold; color: {{ environment_indicator.text_colour }};'>
+        <summary style='background-color: {{ environment_indicator.background_colour }}; list-style-type: none; position: fixed; bottom: 5px; z-index: 999999;'>&#128896;&#128898;</summary>
+        <div style='background-color: {{ environment_indicator.background_colour }}; width: 100%; text-align: center; position: fixed; bottom: 5px; z-index: 999998;'>{{ environment_indicator.text }}</div>
+    </details>
+";
     {% endif -%}
 }