diff --git a/src/components/popover/popover.ios.scss b/src/components/popover/popover.ios.scss
index 7fc2921c65..086fd02c88 100644
--- a/src/components/popover/popover.ios.scss
+++ b/src/components/popover/popover.ios.scss
@@ -9,7 +9,9 @@ $popover-ios-max-width:                 270px !default;
 $popover-ios-max-height:                90% !default;
 $popover-ios-border-radius:             10px !default;
 $popover-ios-text-color:                #000 !default;
+
 $popover-ios-background:                #f3f3f3 !default;
+$popover-ios-arrow-background:          $popover-ios-background !default;
 
 
 .popover-wrapper {
@@ -30,23 +32,26 @@ $popover-ios-background:                #f3f3f3 !default;
 .popover-arrow {
   position: absolute;
   display: block;
-  width: 20px;
-  height: 10px;
+
   overflow: hidden;
 
-  &:after {
-    position: absolute;
+  width: 20px;
+  height: 10px;
 
-    z-index: $z-index-overlay-wrapper;
+  &::after {
+    position: absolute;
 
     top: 3px;
     left: 3px;
+
+    z-index: $z-index-overlay-wrapper;
+
     width: 14px;
     height: 14px;
 
-    background-color: $popover-ios-background;
     border-radius: 3px;
-    content: '';
+    background-color: $popover-ios-arrow-background;
+    content: "";
     transform: rotate(45deg);
   }
 }
@@ -54,7 +59,8 @@ $popover-ios-background:                #f3f3f3 !default;
 .popover-bottom .popover-arrow {
   top: auto;
   bottom: -10px;
-  &:after {
+
+  &::after {
     top: -6px;
   }
 }
diff --git a/src/components/popover/popover.scss b/src/components/popover/popover.scss
index 140ae6e174..12d89385ef 100644
--- a/src/components/popover/popover.scss
+++ b/src/components/popover/popover.scss
@@ -27,15 +27,15 @@ ion-popover {
   z-index: $z-index-overlay-wrapper;
   display: flex;
 
+  overflow: hidden;
+
   flex-direction: column;
 
   width: $popover-width;
-  height: $popover-height;
-
   min-width: $popover-width;
-  max-height: $popover-height;
 
-  overflow: hidden;
+  height: $popover-height;
+  max-height: $popover-height;
 
   opacity: 0;
 
diff --git a/src/components/popover/popover.ts b/src/components/popover/popover.ts
index a45cf593c8..b88050601d 100644
--- a/src/components/popover/popover.ts
+++ b/src/components/popover/popover.ts
@@ -5,7 +5,7 @@ import {Animation} from '../../animations/animation';
 import {Transition, TransitionOptions} from '../../transitions/transition';
 import {Config} from '../../config/config';
 import {NavParams} from '../nav/nav-params';
-import {Platform} from '../../platform/platform'
+import {Platform} from '../../platform/platform';
 import {isPresent, isUndefined, isDefined} from '../../util/util';
 import {ViewController} from '../nav/view-controller';
 
@@ -173,7 +173,7 @@ class PopoverTransition extends Transition {
     let arrowCSS = {
       top: targetTop + targetHeight,
       left: targetLeft + (targetWidth / 2) - (arrowWidth / 2)
-    }
+    };
 
     let popoverCSS = {
       top: targetTop + targetHeight + (arrowHeight - 1),
diff --git a/src/config/modes.ts b/src/config/modes.ts
index 81dfbeaccf..48a89a9186 100644
--- a/src/config/modes.ts
+++ b/src/config/modes.ts
@@ -118,7 +118,7 @@ Config.setModeConfig('wp', {
   pickerLeave: 'picker-slide-out',
 
   popoverEnter: 'popover-wp-pop-in',
-  popoverLeave: 'popover-wp-pop-out',    
+  popoverLeave: 'popover-wp-pop-out',
 
   spinner: 'circles',