diff --git a/src/assets/styles/primevue.css b/src/assets/styles/primevue.css
index ac544b3a0..6cbb2fcb6 100644
--- a/src/assets/styles/primevue.css
+++ b/src/assets/styles/primevue.css
@@ -1,5 +1,4 @@
 @import '../../components/common/Common.css';
-@import '../../components/badge/Badge.css';
 @import '../../components/button/Button.css';
 @import '../../components/checkbox/Checkbox.css';
 @import '../../components/colorpicker/ColorPicker.css';
diff --git a/src/components/badge/Badge.css b/src/components/badge/Badge.css
deleted file mode 100644
index c64399208..000000000
--- a/src/components/badge/Badge.css
+++ /dev/null
@@ -1,28 +0,0 @@
-.p-badge {
-    display: inline-block;
-    border-radius: 50%;
-    text-align: center;
-}
-
-.p-tag {
-    display: inline-block;
-    text-align: center;
-    line-height: 1.5;
-}
-
-.p-tag.p-tag-rounded {
-    border-radius: 10rem;
-}
-
-.p-overlay-badge {
-    position: relative;
-    display: inline-block;
-}
-
-.p-overlay-badge .p-badge {
-    position: absolute;
-    top: 0;
-    right: 0;
-    transform: translate(1em, -1em);
-    margin: 0;
-}
\ No newline at end of file
diff --git a/src/components/badge/Badge.vue b/src/components/badge/Badge.vue
index d9f49efd1..da300cacb 100644
--- a/src/components/badge/Badge.vue
+++ b/src/components/badge/Badge.vue
@@ -18,10 +18,10 @@ export default {
     },
     computed: {
         containerClass() {
-            return this.$slots.default ? 'p-overlay-badge p-component': this.badgeClass;
+            return this.$slots.default ? 'p-overlay-badge': this.badgeClass;
         },
         badgeClass() {
-            return ['p-badge', {
+            return ['p-badge p-component', {
                 'p-badge-lg': this.size === 'large',
                 'p-badge-xl': this.size === 'xlarge',
                 'p-badge-info': this.severity === 'info',