diff --git a/bundlesize.config.json b/bundlesize.config.json
index 80f8be3..bb5cf9b 100644
--- a/bundlesize.config.json
+++ b/bundlesize.config.json
@@ -5,7 +5,7 @@
 	},
 	{
 		"resourceModule": "skins.vector.styles",
-		"maxSize": "9.6 kB"
+		"maxSize": "9.7 kB"
 	},
 	{
 		"resourceModule": "skins.vector.styles.responsive",
diff --git a/resources/skins.vector.styles/LanguageButton.less b/resources/skins.vector.styles/LanguageButton.less
index c66ac37..43981b1 100644
--- a/resources/skins.vector.styles/LanguageButton.less
+++ b/resources/skins.vector.styles/LanguageButton.less
@@ -3,17 +3,30 @@
 // mw-body-header class can be removed when language button is the default.
 // e.g. upon removal of SkinVector::isLanguagesInHeader
 .mw-body-header .mw-portlet-lang {
+	.mw-ui-button-states();
+
 	h3 {
+		// In future this should use wvui
+		.mw-ui-button();
 		padding-right: 40px;
+		// make sure label is center aligned.
+		display: flex;
+		align-items: center;
+
+		&:after {
+			top: 0;
+		}
 	}
 
 	.vector-menu-content {
 		top: auto;
 		right: 0;
+		// align borders of open menu align with button
 		box-sizing: border-box;
 	}
 
 	.after-portlet {
+		// ensure there is a visual separation between the language links and additional links.
 		margin-top: 8px;
 	}
 }