diff --git a/extension.json b/extension.json
index e2282849..ac61a35a 100644
--- a/extension.json
+++ b/extension.json
@@ -231,7 +231,7 @@
 		},
 		"ext.uls.compactlinks": {
 			"scripts": "js/ext.uls.compactlinks.js",
-			"styles": "css/ext.uls.compactlinks.css",
+			"styles": "css/ext.uls.compactlinks.less",
 			"dependencies": [
 				"ext.uls.mediawiki",
 				"ext.uls.init",
diff --git a/resources/css/ext.uls.compactlinks.css b/resources/css/ext.uls.compactlinks.less
similarity index 91%
rename from resources/css/ext.uls.compactlinks.css
rename to resources/css/ext.uls.compactlinks.less
index aed2e751..685d5142 100644
--- a/resources/css/ext.uls.compactlinks.css
+++ b/resources/css/ext.uls.compactlinks.less
@@ -1,3 +1,5 @@
+@import "mediawiki.mixins";
+
 #p-lang .body ul .uls-trigger,
 #p-lang .pBody ul .uls-trigger {
 	background-image: none;
@@ -10,7 +12,7 @@
 	padding: 4px 6px 4px 25px;
 	font-size: 13px;
 	font-weight: 400;
-	background-image: url( ../images/compact-links-trigger.svg );
+	.background-image-svg( '../images/compact-links-trigger.svg', '../images/compact-links-trigger.png' );
 	background-size: 18px;
 	background-repeat: no-repeat;
 	background-position: left 4px center;
diff --git a/resources/images/compact-links-trigger.png b/resources/images/compact-links-trigger.png
new file mode 100644
index 00000000..b378cf9d
Binary files /dev/null and b/resources/images/compact-links-trigger.png differ