diff --git a/eternity/images/favicon.svg b/eternity/images/favicon.svg
new file mode 100644
index 0000000..c747043
--- /dev/null
+++ b/eternity/images/favicon.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Eternity Project">
+  <rect width="64" height="64" fill="#11212b"/>
+  <circle cx="32" cy="32" r="22" fill="none" stroke="#f1f1e9" stroke-width="3"/>
+  <circle cx="22" cy="22" r="4" fill="#ff6b35"/>
+  <circle cx="41" cy="28" r="2.5" fill="#f1f1e9"/>
+  <circle cx="27" cy="43" r="3" fill="#ff6b35"/>
+  <line x1="22" y1="22" x2="41" y2="28" stroke="#f1f1e9" stroke-width="1.5"/>
+  <line x1="22" y1="22" x2="27" y2="43" stroke="#f1f1e9" stroke-width="1.5"/>
+</svg>
diff --git a/eternity/meta.json b/eternity/meta.json
index 50655a9..fbb6a25 100644
--- a/eternity/meta.json
+++ b/eternity/meta.json
@@ -6,6 +6,7 @@
   "extends": "elastic",
   "localization": false,
   "config": {
-    "product_name": "eternityproject.fi"
+    "product_name": "eternityproject.fi",
+    "favicon": "/images/favicon.svg"
   }
 }
diff --git a/eternity/styles/styles.css b/eternity/styles/styles.css
index 74c4c84..a3cba25 100644
--- a/eternity/styles/styles.css
+++ b/eternity/styles/styles.css
@@ -283,8 +283,8 @@ select:focus,
 /* Keep loading/error notifications away from the credential fields instead of
    stacking over the password box. */
 body.task-login #messagestack {
-  top: 1rem;
-  bottom: auto;
+  top: auto;
+  bottom: 1rem;
   left: 50%;
   right: auto;
   transform: translateX(-50%);