diff --git a/src/definitions/elements/flag.less b/src/definitions/elements/flag.less
index 1f4145eba..e0a39d199 100755
--- a/src/definitions/elements/flag.less
+++ b/src/definitions/elements/flag.less
@@ -44,9 +44,22 @@ i.flag:not(.icon) {
 i.flag:not(.icon):before {
   display: inline-block;
   content: '';
-  background: url(@spritePath) no-repeat -108px -1976px;
+  background: url(@spritePath) no-repeat 0 0;
+  background-size: 124px;
   width: @width;
   height: @height;
 }
 
+/* @2x Images (Pixel Ratio of 1.25+) */
+@media
+  only screen and (-o-min-device-pixel-ratio: 5/4),
+  only screen and (-webkit-min-device-pixel-ratio: 1.25),
+  only screen and (min--moz-device-pixel-ratio: 1.25),
+  only screen and (min-device-pixel-ratio: 1.25),
+  only screen and (min-resolution: 1.25dppx) {
+  i.flag:not(.icon):before {
+    background-image: url(@spritePath3x);
+  }
+}
+
 .loadUIOverrides();
diff --git a/src/themes/default/assets/images/flags-emoji@2x.png b/src/themes/default/assets/images/flags-emoji@2x.png
new file mode 100644
index 000000000..73f16e1a5
Binary files /dev/null and b/src/themes/default/assets/images/flags-emoji@2x.png differ
diff --git a/src/themes/default/assets/images/flags-emoji@3x.png b/src/themes/default/assets/images/flags-emoji@3x.png
new file mode 100644
index 000000000..41418b75e
Binary files /dev/null and b/src/themes/default/assets/images/flags-emoji@3x.png differ
diff --git a/src/themes/default/elements/flag.variables b/src/themes/default/elements/flag.variables
index cf0884c53..956db6c35 100644
--- a/src/themes/default/elements/flag.variables
+++ b/src/themes/default/elements/flag.variables
@@ -6,8 +6,9 @@
        Element
 --------------------*/
 
-@spritePath: "@{imagePath}/flags.png";
+@spritePath: "@{imagePath}/flags-emoji@2x.png";
+@spritePath3x: "@{imagePath}/flags-emoji@3x.png";
 @width: 16px;
 @height: 11px;
 @verticalAlign: baseline;
-@margin: 0.5em;
\ No newline at end of file
+@margin: 0.5em;