diff --git a/src/sass/components/fee-summary.scss b/src/sass/components/fee-summary.scss
index e09af4be3..5c9488b60 100644
--- a/src/sass/components/fee-summary.scss
+++ b/src/sass/components/fee-summary.scss
@@ -1,11 +1,11 @@
 .fee-summary {
-  position: relative;
+  background-color: #F2F2F2;
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  width: 100%;
   padding: 5px 12px 15px;
-  box-sizing: border-box;
-  background-color: #F2F2F2;
+  position: relative;
+  width: 100%;
 
   &:before {
     content: '';
diff --git a/src/sass/views/review.scss b/src/sass/views/review.scss
index c530a1cef..474e1ea3f 100644
--- a/src/sass/views/review.scss
+++ b/src/sass/views/review.scss
@@ -6,8 +6,10 @@
   }
 
   .fee-summary {
-    position: absolute;
     bottom: 92px;
+    bottom: calc(92px + constant(safe-area-inset-bottom)); /* iOS 11.0 */
+    bottom: calc(92px + env(safe-area-inset-bottom)); /* iOS 11.2 */
+    position: absolute;
   }
 
   .shapeshift-banner, .bitpay-banner, .egifter-banner {