Merge pull request #6591 from MicrosoftDocs/jken/fix-store-badge-css-styling

Add ms-store-badge web component CSS styling docs

Author: GrantMeStrength

hub/apps/publish/faq/leverage-developer-tools.md

@@ -211,9 +211,18 @@ Customers clicking this link are taken to the web-based Store listing, where the
 
 - **Using the Microsoft Store badge:**  
 You can create a branded Microsoft Store badge that links directly to your app. To generate your custom badge:
-1. Go to the [Microsoft Store badges](https://developer.microsoft.com/store/badges) page.
+1. Go to the [Microsoft Store badge creator](https://apps.microsoft.com/badge) page.
 2. Provide your app’s 12-character Store ID (found in your Partner Center under the Product Identity section).
 
+The badge is a [web component](https://developer.mozilla.org/en-US/docs/Web/API/Web_components) that automatically detects the user’s language and theme. It won’t inherit CSS styles from your page, but you can customize its size using a [CSS part selector](https://developer.mozilla.org/en-US/docs/Web/CSS/::part):
+
+```css
+/* Adjust the badge size to match other buttons on your page. */
+ms-store-badge::part(img) {
+    max-width: 200px;
+}
+```
+
 This badge clearly indicates your app is available on the Microsoft Store and can help increase customer trust and downloads.
 
 - **Direct Store App link using URI scheme:**