diff --git a/site/_includes/-header.njk b/site/_includes/-header.njk
index 4758d7a..af59891 100644
--- a/site/_includes/-header.njk
+++ b/site/_includes/-header.njk
@@ -1,7 +1,7 @@
 <header>
   <nav>
     <div class="nav-row">
-      <a class="nav-home" href="{{ "/" | url }}">{{ site.title }}</a>
+      <div class="nav-home"><a href="{{ "/" | url }}">{{ site.title }}</a></div>
       <div class="nav-settings">
         <div class="nav-toggles">
           <label class="nav-toggle-button" title="Light mode">☀️<input type="radio" name="theme" value="light"/></label>
diff --git a/site/_includes/base.njk b/site/_includes/base.njk
index 0805bde..1efe55a 100644
--- a/site/_includes/base.njk
+++ b/site/_includes/base.njk
@@ -6,7 +6,7 @@ title: Joshua's Homepage
 <html lang="en">
   <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
     <link rel="stylesheet" href="{{ "/site.css" | url }}?modified={{buildTime}}"/>
     <link rel="webmention" href="https://webmention.io/joshua.seigler.net/webmention" />
     <title>{{ computedTitle }} - {{ site.title }}</title>
diff --git a/site/_includes/css/site.css b/site/_includes/css/site.css
index 8fdfded..c623be7 100644
--- a/site/_includes/css/site.css
+++ b/site/_includes/css/site.css
@@ -34,7 +34,7 @@ body {
   --s3: calc(var(--s2) * var(--ratio));
   --s4: calc(var(--s3) * var(--ratio));
   --s5: calc(var(--s4) * var(--ratio));
-  --content-width: clamp(75vw, 40rem, 100vw - 3rem);
+  --content-width: clamp(75vw, 40rem, 100vw - 1rem);
   --sidebar-width: clamp(
     10rem,
     calc(0.2 * var(--content-width)),
@@ -272,6 +272,7 @@ body > header {
   color: var(--c-text-dark);
   padding: 0 var(--inset) 0;
   border-radius: 0.5rem 0.5rem 0 0;
+  padding-top: env(safe-area-inset-top, 0);
 }
 body > header > nav {
   margin: 0.5rem 0 3rem;
@@ -290,16 +291,19 @@ body > header > nav {
 .nav-row {
   width: 100%;
   display: flex;
-  flex-direction: row;
+  flex-direction: row-reverse;
   flex-wrap: wrap;
   gap: 0.5rem;
   margin-bottom: 0.25rem;
 }
+.nav-home {
+  flex-grow: 1;
+  order: 2;
+}
 .nav-home, .nav-active {
   font-weight: bold;
 }
 .nav-settings {
-  margin-left: auto;
   display: flex;
   gap: 0.5em;
   flex-direction: row;
@@ -354,6 +358,7 @@ body > footer {
   font-size: var(--s-1);
   margin: auto var(--inset) 0.5rem;
   padding-top: 4rem;
+  padding-bottom: env(safe-area-inset-bottom, 0);
   & a {
     white-space: nowrap;
   }
