diff --git a/keycloak/lib/docker/themes/treetracker/login/resources/css/treetracker.css b/keycloak/lib/docker/themes/treetracker/login/resources/css/treetracker.css
index 9647e603..7864b772 100644
--- a/keycloak/lib/docker/themes/treetracker/login/resources/css/treetracker.css
+++ b/keycloak/lib/docker/themes/treetracker/login/resources/css/treetracker.css
@@ -33,3 +33,24 @@ div.kc-logo-text {
         margin-right: 20px;
     }
 }
+
+/* Background photo credit banner (injected by js/treetracker.js) */
+.tt-bg-credit {
+  position: fixed;
+  bottom: 0;
+  margin: 10px 20px;
+  background-color: #09090980;
+  color: white;
+  font-size: 16px;
+  padding: 5px;
+}
+
+/* On small or short screens, let the banner flow below the form instead of covering it (#905) */
+@media (max-width: 767px), (max-height: 800px) {
+  .tt-bg-credit {
+    position: static;
+    margin: 16px auto;
+    width: fit-content;
+    max-width: calc(100% - 40px);
+  }
+}
diff --git a/keycloak/lib/docker/themes/treetracker/login/resources/js/treetracker.js b/keycloak/lib/docker/themes/treetracker/login/resources/js/treetracker.js
index b25b3e54..7aee47c7 100644
--- a/keycloak/lib/docker/themes/treetracker/login/resources/js/treetracker.js
+++ b/keycloak/lib/docker/themes/treetracker/login/resources/js/treetracker.js
@@ -1,18 +1,10 @@
 // javascript to append a new div to body
 var newDiv = document.createElement("div");
 newDiv.innerHTML = `
-<div style="
-    position: fixed;
-    bottom: 0px;
-    margin: 10px 20px;
-    background-color: #09090980;
-    color: white;
-    font-size: 16px;
-    padding: 5px;
-">Find <a href="https://map.treetracker.org/planters/17356/trees/6282936" target="_blank" >the tree on the background</a> on our web map.</div>
+<div class="tt-bg-credit">Find <a href="https://map.treetracker.org/planters/17356/trees/6282936" target="_blank" rel="noopener noreferrer">the tree on the background</a> on our web map.</div>
 `;
 
 // Append new div to body when the DOM is loaded
-document.addEventListener("DOMContentLoaded", function(event) {
+document.addEventListener("DOMContentLoaded", function (event) {
   document.body.appendChild(newDiv);
 });