diff --git a/extension.json b/extension.json
index 37d3e0c7..d0e1ca8a 100644
--- a/extension.json
+++ b/extension.json
@@ -300,7 +300,18 @@
 			"targets": [ "desktop", "mobile" ],
 			"styles": "css/ext.uls.pt.less",
 			"skinStyles": {
-				"monobook": "css/ext.uls.pt-monobook.less"
+				"default": [
+					"css/ext.uls.pt.less",
+					"css/ext.uls.pt-default.less"
+				],
+				"vector": [
+					"css/ext.uls.pt-vector.less"
+				],
+				"monobook": [
+					"css/ext.uls.pt.less",
+					"css/ext.uls.pt-default.less",
+					"css/ext.uls.pt-monobook.less"
+				]
 			}
 		},
 		"ext.uls.setlang": {
diff --git a/resources/css/ext.uls.pt-default.less b/resources/css/ext.uls.pt-default.less
new file mode 100644
index 00000000..31f646fe
--- /dev/null
+++ b/resources/css/ext.uls.pt-default.less
@@ -0,0 +1,16 @@
+/* stylelint-disable selector-max-id */
+/* Opera for some inexplicable reason confuses right and left padding with */
+/* RTL text direction here (bug T47142). x:-o-prefocus won't match anything, */
+/* but will make other browsers ignore this rule. */
+/* stylelint-disable selector-type-no-unknown */
+x:-o-prefocus,
+body.rtl li#pt-uls {
+	/* @noflip */
+	direction: ltr;
+}
+/* stylelint-enable selector-type-no-unknown */
+
+/* Don't show it to users who disabled JS */
+.client-nojs #pt-uls {
+	display: none;
+}
diff --git a/resources/css/ext.uls.pt-vector.less b/resources/css/ext.uls.pt-vector.less
new file mode 100644
index 00000000..3ad507d0
--- /dev/null
+++ b/resources/css/ext.uls.pt-vector.less
@@ -0,0 +1,9 @@
+// Resets the background set in jquery.uls for Modern Vector
+.vector-user-links .uls-trigger {
+	background: none;
+}
+
+// Applies old styling rules to legacy Vector
+.skin-vector-legacy {
+	@import 'ext.uls.pt.less';
+}
diff --git a/resources/css/ext.uls.pt.less b/resources/css/ext.uls.pt.less
index 6ad6e133..af73f0ee 100644
--- a/resources/css/ext.uls.pt.less
+++ b/resources/css/ext.uls.pt.less
@@ -24,13 +24,6 @@
 	// Let the SVG image fit without cropping or stretch
 	background-size: contain;
 	padding-left: 24px;
-
-	// Certain skins upgrade this to mw-ui-button. Background and padding should not apply.
-	// e.g. Modern Vector
-	&.mw-ui-button {
-		background: none;
-		padding-left: 12px;
-	}
 }
 
 #pt-uls {
@@ -59,19 +52,3 @@
 		}
 	}
 }
-
-/* Opera for some inexplicable reason confuses right and left padding with */
-/* RTL text direction here (bug T47142). x:-o-prefocus won't match anything, */
-/* but will make other browsers ignore this rule. */
-/* stylelint-disable selector-type-no-unknown */
-x:-o-prefocus,
-body.rtl li#pt-uls {
-	/* @noflip */
-	direction: ltr;
-}
-/* stylelint-enable selector-type-no-unknown */
-
-/* Don't show it to users who disabled JS */
-.client-nojs #pt-uls {
-	display: none;
-}