diff --git a/components/lib/badge/BaseBadge.vue b/components/lib/badge/BaseBadge.vue
index 297a8bb6a..fdfcc5bd4 100644
--- a/components/lib/badge/BaseBadge.vue
+++ b/components/lib/badge/BaseBadge.vue
@@ -39,11 +39,11 @@ const styles = `
 `;
 
 const classes = {
-    root: ({ props }) => [
+    root: ({ props, instance }) => [
         'p-badge p-component',
         {
             'p-badge-no-gutter': ObjectUtils.isNotEmpty(props.value) && String(props.value).length === 1,
-            'p-badge-dot': ObjectUtils.isEmpty(props.value) && !props.$slots.default,
+            'p-badge-dot': ObjectUtils.isEmpty(props.value) && !instance.$slots.default,
             'p-badge-lg': props.size === 'large',
             'p-badge-xl': props.size === 'xlarge',
             'p-badge-info': props.severity === 'info',