diff --git a/web/pages/_document.tsx b/web/pages/_document.tsx
index e78f9cd7..20dfd44d 100644
--- a/web/pages/_document.tsx
+++ b/web/pages/_document.tsx
@@ -43,7 +43,7 @@ export default function Document() {
       </Head>
       <body className={clsx(
         "body-bg text-ink-1000",
-        'app-content',
+        'safe-top',
       )}>
       <Main/>
       <NextScript/>
diff --git a/web/styles/globals.css b/web/styles/globals.css
index fb563018..22953b15 100644
--- a/web/styles/globals.css
+++ b/web/styles/globals.css
@@ -450,7 +450,7 @@ ol > li::marker {
     color: #374151;               /* pick a visible color */
 }
 
-.app-content {
+.safe-top {
     padding-top: calc(env(safe-area-inset-top) + 0px);
     /*padding-bottom: env(safe-area-inset-bottom);*/
     box-sizing: border-box; /* ensure padding doesn’t break layout */
