diff --git a/.stylelintrc.json b/.stylelintrc.json
index b5ef06ff1..449f45bd6 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -2,7 +2,6 @@
 	"extends": "stylelint-config-wikimedia",
 	"rules": {
 		"selector-no-id": null,
-		"length-zero-no-unit": null,
 		"no-descending-specificity": null
 	}
 }
diff --git a/extension.json b/extension.json
index 501aef35c..173f79716 100644
--- a/extension.json
+++ b/extension.json
@@ -99,6 +99,11 @@
 				"resources/ext.popups/styles/ext.popups.animation.less",
 				"resources/ext.popups/styles/ext.popups.settings.less"
 			],
+			"skinStyles": {
+				"vector": [
+					"resources/ext.popups/styles/ext.popups.settings.vector.less"
+				]
+			},
 			"messages": [
 				"popups-settings-title",
 				"popups-settings-description",
diff --git a/resources/ext.popups/styles/ext.popups.settings.less b/resources/ext.popups/styles/ext.popups.settings.less
index cf87440f0..6416f91ca 100644
--- a/resources/ext.popups/styles/ext.popups.settings.less
+++ b/resources/ext.popups/styles/ext.popups.settings.less
@@ -5,10 +5,10 @@
 	position: fixed;
 	z-index: 1000;
 	background: #fff;
-	width: 450px;
-	border: 1px solid #ccc;
-	box-shadow: 0px 1px 1px rgba( 0, 0, 0, 0.1 );
-	border-radius: 2px;
+	width: 420px;
+	border: 1px solid #a2a9b1;
+	box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 );
+	border-radius: @borderRadius;
 
 	header {
 		.box-sizing( border-box );
@@ -30,6 +30,7 @@
 			width: 100%;
 			font-family: sans-serif;
 			font-size: 18px;
+			font-weight: bold;
 			text-align: center;
 		}
 	}
@@ -37,13 +38,17 @@
 	main {
 		display: block;
 		width: 350px;
-		padding: 50px 0 40px;
+		padding: 32px 0 24px;
 		margin: 0 auto;
 
 		p {
-			color: #999;
+			color: #54595d;
 			font-size: 17px;
-			margin: 0 0 20px 0;
+			margin: 16px 0 0;
+
+			&:first-child {
+				margin-top: 0;
+			}
 		}
 
 		form {
diff --git a/resources/ext.popups/styles/ext.popups.settings.vector.less b/resources/ext.popups/styles/ext.popups.settings.vector.less
new file mode 100644
index 000000000..6e8e73117
--- /dev/null
+++ b/resources/ext.popups/styles/ext.popups.settings.vector.less
@@ -0,0 +1,3 @@
+#mwe-popups-settings {
+	font-size: 0.875em; // not inherited from `.mw-body-content`, as we insert at `body`
+}