diff --git a/demos/popover/style.css b/demos/popover/style.css
index 20e1d2e4a4..d12421e3ce 100644
--- a/demos/popover/style.css
+++ b/demos/popover/style.css
@@ -65,22 +65,23 @@ ion-col {
   width: 30px;
   border-radius: 50%;
   margin: 10px auto;
+  position: relative;
 }
 
 .dot-white {
-  background-color: #fff;
+  background-color: rgb(255,255,255);
 }
 
 .dot-tan {
-  background-color: #f9f1e4;
+  background-color: rgb(249,241,228);
 }
 
 .dot-grey {
-  background-color: #4c4b50;
+  background-color: rgb(76,75,80);
 }
 
 .dot-black {
-  background-color: #000;
+  background-color: rgb(0,0,0);
 }
 
 .dot.selected {
diff --git a/src/components/popover/test/basic/style.css b/src/components/popover/test/basic/style.css
index 36896f0080..d12421e3ce 100644
--- a/src/components/popover/test/basic/style.css
+++ b/src/components/popover/test/basic/style.css
@@ -65,6 +65,7 @@ ion-col {
   width: 30px;
   border-radius: 50%;
   margin: 10px auto;
+  position: relative;
 }
 
 .dot-white {
diff --git a/src/config/config.ts b/src/config/config.ts
index ecb04a91a9..123cbf1b57 100644
--- a/src/config/config.ts
+++ b/src/config/config.ts
@@ -105,6 +105,8 @@ import {isObject, isDefined, isFunction, isArray} from '../util/util';
  * | `pageTransitionDelay`    | `number`            | The delay in milliseconds before the transition starts while changing pages.                                                                     |
  * | `pickerEnter`            | `string`            | The name of the transition to use while a picker is presented.                                                                                   |
  * | `pickerLeave`            | `string`            | The name of the transition to use while a picker is dismissed.                                                                                   |
+ * | `popoverEnter`           | `string`            | The name of the transition to use while a popover is presented.                                                                                   |
+ * | `popoverLeave`           | `string`            | The name of the transition to use while a popover is dismissed.                                                                                   |
  * | `spinner`                | `string`            | The default spinner to use when a name is not defined.                                                                                           |
  * | `tabbarHighlight`        | `boolean`           | Whether to show a highlight line under the tab when it is selected.                                                                              |
  * | `tabbarLayout`           | `string`            | The layout to use for all tabs. Available options: `"icon-top"`, `"icon-left"`, `"icon-right"`, `"icon-bottom"`, `"icon-hide"`, `"title-hide"`.  |