diff --git a/CHANGELOG.md b/CHANGELOG.md
index e17e0d1b8..ed1ee02b7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,6 +18,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 
 - **Textfield**: Revalidate the element when the value is changed.
 - **Checkbox**: Revalidate the element when `required` or `checked` properties are changed.
+- **Badge**: Reflect `variant` property.
 
 ## [1.6.2] - 2024-10-07
 
diff --git a/src/vscode-badge/vscode-badge.ts b/src/vscode-badge/vscode-badge.ts
index fb218d469..eceb7ca3b 100644
--- a/src/vscode-badge/vscode-badge.ts
+++ b/src/vscode-badge/vscode-badge.ts
@@ -14,7 +14,7 @@ import styles from './vscode-badge.styles.js';
 export class VscodeBadge extends VscElement {
   static styles = styles;
 
-  @property()
+  @property({reflect: true})
   variant: 'default' | 'counter' | 'activity-bar-counter' = 'default';
 
   render(): TemplateResult {