diff --git a/web/index.html b/web/index.html
index f98b051..df65d87 100644
--- a/web/index.html
+++ b/web/index.html
@@ -2,7 +2,7 @@
 <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" />
     <title>drop</title>
     <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
     <link rel="preconnect" href="https://fonts.bunny.net" />
diff --git a/web/src/App.tsx b/web/src/App.tsx
index fcc9d1c..2275cc2 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -5,7 +5,8 @@ export default function App(props: ParentProps) {
     <div class="text-text flex min-h-screen flex-col items-center justify-center px-4 font-sans">
       <div class="mt-6 w-full max-w-2xl">{props.children}</div>
       <a
-        class="text-muted hover:text-accent-hover mt-auto p-4 text-[10px]"
+        class="text-muted hover:text-accent-hover mt-auto px-4 pt-4 text-[10px]"
+        style={{ "padding-bottom": "max(1rem, env(safe-area-inset-bottom))" }}
         href="https://github.com/notjuliet/drop"
       >
         source code
