diff --git a/dist/ratchet.css b/dist/ratchet.css
index afd5669..7673540 100644
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@@ -958,6 +958,7 @@ input[type="button"] {
   bottom: 0;
   left: 0;
   z-index: 10;
+  background-color: rgba(0, 0, 0, 0.5);
 }
 
 .popover .button-block {
diff --git a/examples/components/default/index.html b/examples/components/default/index.html
index 19127ea..e48848f 100644
--- a/examples/components/default/index.html
+++ b/examples/components/default/index.html
@@ -5,7 +5,7 @@
     <title>Testing</title>
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <!-- <meta name="apple-mobile-web-app-status-bar-style" content="black"> -->
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <link rel="stylesheet" href="../../../dist/ratchet.css">
     <script src="../../../dist/ratchet.js"></script>
 
diff --git a/lib/sass/popovers.scss b/lib/sass/popovers.scss
index 6d0f3cc..ff57b10 100644
--- a/lib/sass/popovers.scss
+++ b/lib/sass/popovers.scss
@@ -18,7 +18,7 @@
   -webkit-transform: translate3d(0, -15px, 0);
           transform: translate3d(0, -15px, 0);
   -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-                  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+          transition:         transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
 }
 
 // Caret on top of popover using CSS triangles (thanks to @chriscoyier for solution)