diff --git a/src/sass/views/amount.scss b/src/sass/views/amount.scss
index 3000ea696..c712d85e5 100644
--- a/src/sass/views/amount.scss
+++ b/src/sass/views/amount.scss
@@ -474,4 +474,10 @@
       }
     }
   }
+  background: #494949;
+
+  ion-content {
+    margin-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
+    margin-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */
+  }
 }
\ No newline at end of file
diff --git a/src/sass/views/confirm.scss b/src/sass/views/confirm.scss
index 9ceee92c4..47f61fd7b 100644
--- a/src/sass/views/confirm.scss
+++ b/src/sass/views/confirm.scss
@@ -1,5 +1,5 @@
 #view-confirm {
-  background-color: #ffffff;
+  background-color: #494949;
   @extend .deflash-blue;
   .item-note {
     float: none;
@@ -30,4 +30,11 @@
   .toggle {
     cursor: pointer;
   }
+  ion-content {
+    background-color: #ffffff;
+  }
+  slide-to-accept, slide-to-accept-success {
+    margin-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
+    margin-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */
+  }
 }
diff --git a/src/sass/views/walletDetails.scss b/src/sass/views/walletDetails.scss
index 1a33de7b1..9e651f871 100644
--- a/src/sass/views/walletDetails.scss
+++ b/src/sass/views/walletDetails.scss
@@ -131,6 +131,7 @@
   .bp-content {
     position: relative;
     height: 100%;
+    height: calc(100% - env(safe-area-inset-bottom) * 2);
 
     &.status-bar {
       margin-top: 20px;
@@ -157,6 +158,8 @@
 
     padding-top: 0;
     top: 0;
+    margin-bottom: 16px;
+
     .scroll {
       background: rgb(248, 248, 249);
       min-height: 300px;