diff --git a/src/Elements/Elements.scss b/src/Elements/Elements.scss
index 38fcc73..fdb3660 100644
--- a/src/Elements/Elements.scss
+++ b/src/Elements/Elements.scss
@@ -260,6 +260,18 @@
   }
 }
 
+.safe-area #elements {
+  .elements {
+    @include safe-area(padding-bottom, 24px);
+  }
+  .crumbs {
+    @include safe-area(height, 24px);
+  }
+  .element {
+    @include safe-area(padding-bottom, 0px);
+  }
+}
+
 @media screen and (min-width: 680px) {
   #elements {
     .elements {
diff --git a/src/Info/Info.scss b/src/Info/Info.scss
index 57df21b..4729707 100644
--- a/src/Info/Info.scss
+++ b/src/Info/Info.scss
@@ -54,3 +54,7 @@
     }
   }
 }
+
+.safe-area #info {
+  @include safe-area(padding-bottom, 10px);
+}
diff --git a/src/Network/Network.scss b/src/Network/Network.scss
index 1032a50..fb42644 100644
--- a/src/Network/Network.scss
+++ b/src/Network/Network.scss
@@ -133,6 +133,12 @@
   }
 }
 
+.safe-area #network {
+  .http {
+    @include safe-area(padding-bottom, 0px);
+  }
+}
+
 @media screen and (min-width: 680px) {
   #network {
     .network {
diff --git a/src/Resources/Resources.scss b/src/Resources/Resources.scss
index e76f261..aa27a98 100644
--- a/src/Resources/Resources.scss
+++ b/src/Resources/Resources.scss
@@ -74,3 +74,7 @@
     }
   }
 }
+
+.safe-area #resources {
+  @include safe-area(padding-bottom, 10px);
+}
diff --git a/src/Settings/Settings.scss b/src/Settings/Settings.scss
index f4f9f7e..69f9864 100644
--- a/src/Settings/Settings.scss
+++ b/src/Settings/Settings.scss
@@ -4,3 +4,7 @@
 #settings {
   @include overflow-auto(y);
 }
+
+.safe-area #settings {
+  @include safe-area(padding-bottom, 0px);
+}
diff --git a/src/Snippets/Snippets.scss b/src/Snippets/Snippets.scss
index 854730f..33ccded 100644
--- a/src/Snippets/Snippets.scss
+++ b/src/Snippets/Snippets.scss
@@ -38,3 +38,7 @@
     }
   }
 }
+
+.safe-area #snippets {
+  @include safe-area(padding-bottom, 10px);
+}