diff --git a/src/images/loading.png b/src/images/loading.png
index 50268af..6572ae6 100644
Binary files a/src/images/loading.png and b/src/images/loading.png differ
diff --git a/src/images/loading@2x.png b/src/images/loading@2x.png
new file mode 100644
index 0000000..5f9d744
Binary files /dev/null and b/src/images/loading@2x.png differ
diff --git a/src/index/index.css b/src/index/index.css
index 27cbe72..2e515f8 100644
--- a/src/index/index.css
+++ b/src/index/index.css
@@ -372,18 +372,22 @@ button:focus {
   position: absolute;
   left: 50%;
   top: 50%;
-  width: 146px;
-  margin: -30px 0 0 -81.5px;
+  width: 206px;
+  margin: -30px 0 0 -111.5px;
   padding-top: 50px; }
   .loading:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
-    width: 146px;
+    width: 206px;
     height: 35px;
     background-image: url("../images/loading.png");
     background-position: 0 0; }
+    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
+      .loading:before {
+        background-image: url("../images/loading@2x.png");
+        background-size: 100% 100%; } }
   .loading-container {
     position: fixed;
     z-index: 1000000;
diff --git a/src/index/loading.scss b/src/index/loading.scss
index 83a5dc6..37271a0 100644
--- a/src/index/loading.scss
+++ b/src/index/loading.scss
@@ -18,16 +18,17 @@
   position: absolute;
   left: 50%;
   top: 50%;
-  width: 146px;
-  margin: -30px 0 0 -81.5px;
+  width: 206px;
+  margin: -30px 0 0 -111.5px;
   padding-top: 50px;
 
   &:before {
+    @include image-2x('../images/loading@2x.png');
     content: '';
     position: absolute;
     left: 0;
     top: 0;
-    width: 146px;
+    width: 206px;
     height: 35px;
     background-image: url("../images/loading.png");
     background-position: 0 0;