diff --git a/components.html b/components.html
index e662c34..5826809 100644
--- a/components.html
+++ b/components.html
@@ -819,13 +819,13 @@ document
     <div class="component-example">
       <div id="popover" class="popover">  
         <header class="bar-nav">
-          <a class="button">
+          <a class="button-link pull-left">
             Left
           </a>
-          <h3 class="title">Popover title</h3>
-          <a class="button">
+          <a class="button-link pull-right">
             Right
           </a>
+          <h3 class="title">Popover title</h3>
         </header>
         <ul class="table-view">
           <li class="table-view-cell">Item1</li>
@@ -843,13 +843,13 @@ document
 {% highlight html %}
 <div id="popover" class="popover">  
   <header class="bar-nav">
-    <a class="button">
+    <a class="button-link pull-left">
       Left
     </a>
-    <h3 class="title">Popover title</h3>
-    <a class="button">
+    <a class="button-link pull-right">
       Right
     </a>
+    <h3 class="title">Popover title</h3>
   </header>
   <ul class="table-view">
     <li class="table-view-cell">Item1</li>
diff --git a/docs-assets/css/docs.css b/docs-assets/css/docs.css
index f87bf22..e16caf6 100644
--- a/docs-assets/css/docs.css
+++ b/docs-assets/css/docs.css
@@ -235,6 +235,12 @@ hr {
     right: 0;
     bottom: 0;
   }
+  .iphone .popover {
+    position: absolute;
+    display: block;
+    top: 72px;
+    opacity: 1;
+  }
   .iphone .slider li img {
     width: 100%;
   }