diff --git a/docs-assets/css/docs.css b/docs-assets/css/docs.css
index 5edfc4b..fcc315f 100644
--- a/docs-assets/css/docs.css
+++ b/docs-assets/css/docs.css
@@ -544,6 +544,11 @@ hr {
     -webkit-transition: background-image 0.1s linear;
     transition: background-image 0.1s linear;
   }
+  .device:after {
+    content: '';
+    background-image: url("../img/iphone5s.png");
+    opacity: 0;
+  }
   .device.device-fixed {
     position: fixed;
     right: auto;
diff --git a/lib/sass/docs.scss b/lib/sass/docs.scss
index 2443ff0..a35ed1f 100644
--- a/lib/sass/docs.scss
+++ b/lib/sass/docs.scss
@@ -590,6 +590,12 @@ hr {
     background-repeat: no-repeat;
     @include transition(background-image .1s linear);
 
+    // Pre-load device backgrounds so we stop the flicker.
+    &:after {
+      content: '';
+      background-image: url("../img/iphone5s.png");
+      opacity: 0;
+    }
     &.device-fixed {
       position: fixed;
       right: auto;