diff --git a/app/views/layouts/imports.html.erb b/app/views/layouts/imports.html.erb
index 09f15cf04..e68034e10 100644
--- a/app/views/layouts/imports.html.erb
+++ b/app/views/layouts/imports.html.erb
@@ -1,5 +1,5 @@
 <%= render "layouts/shared/htmldoc" do %>
-  <div class="flex flex-col h-full bg-container">
+  <div class="flex flex-col h-full bg-container pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)]">
     <header class="flex items-center justify-between p-8">
       <%= render DS::Link.new(
         variant: "icon",