diff --git a/i18n/en.json b/i18n/en.json
index ee7e50130..bb743b146 100644
--- a/i18n/en.json
+++ b/i18n/en.json
@@ -35,6 +35,7 @@
 	"vector-jumptocontent": "Jump to content",
 	"vector-more-actions": "More",
 	"vector-appearance-label": "Appearance",
+	"vector-appearance-tooltip": "Change the appearance of the page's font size, width, and color",
 	"vector-feature-limited-width-name": "Width",
 	"vector-feature-limited-width-0-label": "Wide",
 	"vector-feature-limited-width-1-label": "Standard",
diff --git a/i18n/qqq.json b/i18n/qqq.json
index 523df7c59..8992d98b6 100644
--- a/i18n/qqq.json
+++ b/i18n/qqq.json
@@ -51,7 +51,8 @@
 	"vector-jumptosearch": "Accessibility link for jumping to the site search. Visually hidden by default.\n\nSee also\n* {{msg-mw|Search}}",
 	"vector-jumptocontent": "Accessibility link for jumping to the content and skipping the navigation. Visually hidden by default.",
 	"vector-more-actions": "Label in the Vector skin's menu for the less-important or rarer actions which are not shown as tabs (like moving the page, or for sysops deleting or protecting the page), as well as (for users with a narrow viewing window in their browser) the less-important tab actions which the user's browser is unable to fit in. {{Identical|More}}",
-	"vector-appearance-label": "Heading for client preferences",
+	"vector-appearance-label": "Heading for appearance menu.",
+	"vector-appearance-tooltip": "Tooltip for appearance menu.",
 	"vector-feature-limited-width-name": "Heading label for limited width. The title of a list that includes the following items:\n* {{msg-mw|vector-feature-limited-width-1-label}}\n* {{msg-mw|vector-feature-limited-width-0-label}}",
 	"vector-feature-limited-width-0-label": "Label for option to disable limited width. An item in a list that has the title {{msg-mw|Vector-feature-limited-width-name}} and that includes the following items:\n* {{msg-mw|vector-feature-limited-width-1-label}}\n* {{msg-mw|vector-feature-limited-width-0-label}}",
 	"vector-feature-limited-width-1-label": "Label for option to enable limited width. An item in a list that has the title {{msg-mw|Vector-feature-limited-width-name}} and that includes the following items:\n* {{msg-mw|vector-feature-limited-width-1-label}}\n* {{msg-mw|vector-feature-limited-width-0-label}}",
diff --git a/includes/SkinVector22.php b/includes/SkinVector22.php
index f56730950..f916ad44d 100644
--- a/includes/SkinVector22.php
+++ b/includes/SkinVector22.php
@@ -3,6 +3,7 @@
 namespace MediaWiki\Skins\Vector;
 
 use ExtensionRegistry;
+use MediaWiki\Html\Html;
 use MediaWiki\Languages\LanguageConverterFactory;
 use MediaWiki\MediaWikiServices;
 use MediaWiki\Skins\Vector\Components\VectorComponentAppearance;
@@ -479,8 +480,10 @@ class SkinVector22 extends SkinMustache {
 				'vector-appearance-dropdown',
 				$this->msg( 'vector-appearance-label' )->text(),
 				'',
-				// @todo: Use new theme icon (T351142)
-				'appearance'
+				'appearance',
+				Html::expandAttributes( [
+					'title' => $this->msg( 'vector-appearance-tooltip' ),
+				] )
 			) : null,
 			'data-vector-sticky-header' => $featureManager->isFeatureEnabled(
 				Constants::FEATURE_STICKY_HEADER