diff --git a/assets/components.css b/assets/components.css
index b5d0ab9..9087cdc 100644
--- a/assets/components.css
+++ b/assets/components.css
@@ -580,6 +580,9 @@ button {
     margin-inline-end: auto;
 
     & img {
+        /* Sized by the block-size below, at the width and height attributes'
+           ratio, so the header takes its shape before they load. */
+        inline-size: auto;
         filter: drop-shadow(0 0 0.375rem oklch(93% 0.1 92));
     }
 
diff --git a/src/page.rs b/src/page.rs
index 1f88501..9fe7338 100644
--- a/src/page.rs
+++ b/src/page.rs
@@ -350,8 +350,8 @@ impl Page {
 fn logo() -> Markup {
     html! {
         a.site-logo href="/" aria-label="Star Haven" {
-            img.site-logo-star src="/assets/star.svg" alt="";
-            img.site-logo-text src="/assets/logotype.svg" alt="";
+            img.site-logo-star src="/assets/star.svg" width="212" height="202" alt="";
+            img.site-logo-text src="/assets/logotype.svg" width="477" height="70" alt="";
         }
     }
 }