diff --git a/components/lib/button/Button.vue b/components/lib/button/Button.vue
index 53d9682ba..52a620fbf 100755
--- a/components/lib/button/Button.vue
+++ b/components/lib/button/Button.vue
@@ -8,7 +8,7 @@
             <slot v-else name="icon" :class="[cx('icon')]">
                 <span v-if="icon" :class="[cx('icon'), icon, iconClass]" v-bind="ptm('icon')"></span>
             </slot>
-            <span v-if="label" :class="cx('label')" v-bind="ptm('label')">{{ label }}</span>
+            <span :class="cx('label')" v-bind="ptm('label')">{{ label || '&nbsp;' }}</span>
             <Badge v-if="badge" :value="badge" :class="badgeClass" :severity="badgeSeverity" :unstyled="unstyled" v-bind="ptm('pcBadge')"></Badge>
         </slot>
     </button>
diff --git a/components/lib/button/style/ButtonStyle.js b/components/lib/button/style/ButtonStyle.js
index 74d5311d0..f4caf9b07 100644
--- a/components/lib/button/style/ButtonStyle.js
+++ b/components/lib/button/style/ButtonStyle.js
@@ -36,10 +36,10 @@ const theme = ({ dt }) => `
 }
 
 .p-button-icon-only {
-    justify-content: center;
     width: ${dt('button.icon.only.width')};
     padding-left: 0;
     padding-right: 0;
+    gap: 0;
 }
 
 .p-button-icon-only.p-button-rounded {
@@ -47,6 +47,11 @@ const theme = ({ dt }) => `
     height: ${dt('button.icon.only.width')};
 }
 
+.p-button-icon-only .p-button-label {
+    visibility: hidden;
+    width: 0;
+}
+
 .p-button-sm {
     font-size: ${dt('button.sm.font.size')};
     padding: ${dt('button.sm.padding.y')} ${dt('button.sm.padding.x')};