diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index b7caab88e0b2d..76bf4161f1bde 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -42,7 +42,7 @@
     <div class="nav-main">
       <div class="wrap">
         <a class="nav-home" href="/react/index.html">
-          <img class="nav-logo" alt="" src="/react/img/logo_small.png" width="38" height="38">
+          <div class="nav-logo"></div>
           React
         </a>
         <ul class="nav-site">
diff --git a/docs/css/react.scss b/docs/css/react.scss
index 938f5593805c2..8cd307a9bf86e 100644
--- a/docs/css/react.scss
+++ b/docs/css/react.scss
@@ -149,6 +149,9 @@ h1, h2, h3, h4, h5, h6 {
   .nav-logo {
     @include retina-image('../img/logo_small', 38px 38px);
     vertical-align: middle;
+    display: inline-block;
+    width: 38px;
+    height: 38px;
   }
 
   ul {
diff --git a/docs/img/logo_small@2x.png b/docs/img/logo_small_2x.png
similarity index 100%
rename from docs/img/logo_small@2x.png
rename to docs/img/logo_small_2x.png