diff --git a/extensions/package-manager/js/src/admin/models/ExternalExtension.ts b/extensions/package-manager/js/src/admin/models/ExternalExtension.ts
index fd1692a8a..40e0ee51c 100644
--- a/extensions/package-manager/js/src/admin/models/ExternalExtension.ts
+++ b/extensions/package-manager/js/src/admin/models/ExternalExtension.ts
@@ -25,8 +25,8 @@ export default class ExternalExtension extends Model {
   readonly installed = false;
 
   public isSupported(): boolean {
-    const currentVersion = app.data.settings.version;
-    const latestCompatibleVersion = this.latestFlarumVersionSupported();
+    const currentVersion = app.data.settings.version.replace('^', '');
+    const latestCompatibleVersion = this.latestFlarumVersionSupported().replace('^', '');
 
     // If stability is not the same, it's not compatible.
     if (currentVersion.split('-')[1] !== latestCompatibleVersion.split('-')[1]) {
diff --git a/framework/core/less/common/Badge.less b/framework/core/less/common/Badge.less
index aa025a941..e0da86ae8 100644
--- a/framework/core/less/common/Badge.less
+++ b/framework/core/less/common/Badge.less
@@ -70,5 +70,6 @@
 }
 
 .Badge--success {
-  --badge-bg: var(--success-color);
+  --badge-color: var(--control-success-color);
+  --badge-bg: var(--control-success-bg);
 }