diff --git a/_layouts/default.html b/_layouts/default.html
index b7caab88e..76bf4161f 100644
--- a/_layouts/default.html
+++ b/_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/css/react.scss b/css/react.scss
index 938f55938..8cd307a9b 100644
--- a/css/react.scss
+++ b/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/img/logo_small@2x.png b/img/logo_small_2x.png
similarity index 100%
rename from img/logo_small@2x.png
rename to img/logo_small_2x.png