diff --git a/modules/backend/assets/css/october.css b/modules/backend/assets/css/october.css
index e5a20c50b..0e1257e8e 100644
--- a/modules/backend/assets/css/october.css
+++ b/modules/backend/assets/css/october.css
@@ -6613,13 +6613,20 @@ a .icon-flip-vertical:before {
 }
 [class^="flag-"],
 [class*=" flag-"] {
-  background: url(../images/flag-icons-small.png) no-repeat;
+  background-image: url("../images/flag-icons-small.png");
   width: 16px;
   height: 16px;
   line-height: 16px;
   vertical-align: middle;
   display: inline-block;
-  margin: -1px 2px 0 2px;
+  margin: -3px 2px 0 2px;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
+  [class^="flag-"],
+  [class*=" flag-"] {
+    background-image: url("../images/flag-icons-large.png");
+    background-size: 16px 3952px;
+  }
 }
 .flag-AfricanUnion {
   background-position: 0 -16px;
diff --git a/modules/backend/assets/less/core/flags.less b/modules/backend/assets/less/core/flags.less
index be84734bc..19c44a983 100644
--- a/modules/backend/assets/less/core/flags.less
+++ b/modules/backend/assets/less/core/flags.less
@@ -1,13 +1,13 @@
 
 [class^="flag-"],
 [class*=" flag-"] {
-    background:url(../images/flag-icons-small.png) no-repeat;
+    .img-retina('../images/flag-icons-small.png', '../images/flag-icons-large.png', 16px, 3952px);
     width: 16px;
     height: 16px;
     line-height: 16px;
     vertical-align: middle;
     display: inline-block;
-    margin: -1px 2px 0 2px;
+    margin: -3px 2px 0 2px;
 }
 
 .flag-AfricanUnion { background-position:0 -16px }