diff --git a/pkg/interface/src/views/App.js b/pkg/interface/src/views/App.js
index 0b92a183a..3b6df85f4 100644
--- a/pkg/interface/src/views/App.js
+++ b/pkg/interface/src/views/App.js
@@ -43,7 +43,11 @@ const Root = withState(styled.div`
   font-family: ${p => p.theme.fonts.sans};
   height: 100%;
   width: 100%;
-  padding: 0;
+  padding-left: env(safe-area-inset-left, 0px);
+  padding-right: env(safe-area-inset-right, 0px);
+  padding-top: env(safe-area-inset-top, 0px);
+  padding-bottom: env(safe-area-inset-bottom, 0px);
+  
   margin: 0;
   ${p => p.display.backgroundType === 'url' ? `
     background-image: url('${p.display.background}');