Fixed #5067 - Tag: center icon when no label is present (icon-only mode)

components/lib/tag/Tag.vue

@@ -2,7 +2,7 @@
     <span :class="cx('root')" v-bind="ptm('root')" data-pc-name="tag">
         <component v-if="$slots.icon" :is="$slots.icon" :class="cx('icon')" v-bind="ptm('icon')" />
         <span v-else-if="icon" :class="[cx('icon'), icon]" v-bind="ptm('icon')"></span>
-        <slot>
+        <slot v-if="value || $slots.default">
             <span :class="cx('value')" v-bind="ptm('value')">{{ value }}</span>
         </slot>
     </span>

public/themes/arya-blue/theme.css

@@ -5730,9 +5730,11 @@
     color: #121212;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/arya-green/theme.css

@@ -5730,9 +5730,11 @@
     color: #121212;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/arya-orange/theme.css

@@ -5730,9 +5730,11 @@
     color: #121212;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/arya-purple/theme.css

@@ -5730,9 +5730,11 @@
     color: #121212;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/bootstrap4-dark-blue/theme.css

@@ -5742,9 +5742,11 @@
     color: #151515;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/bootstrap4-dark-purple/theme.css

@@ -5742,9 +5742,11 @@
     color: #151515;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/bootstrap4-light-blue/theme.css

@@ -5742,9 +5742,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/bootstrap4-light-purple/theme.css

@@ -5742,9 +5742,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/fluent-light/theme.css

@@ -5681,9 +5681,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-dark-amber/theme.css

@@ -5700,9 +5700,11 @@
     color: #450a0a;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-dark-blue/theme.css

@@ -5700,9 +5700,11 @@
     color: #450a0a;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-dark-cyan/theme.css

@@ -5700,9 +5700,11 @@
     color: #450a0a;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-dark-green/theme.css

@@ -5700,9 +5700,11 @@
     color: #450a0a;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-dark-indigo/theme.css

@@ -5700,9 +5700,11 @@
     color: #450a0a;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-dark-pink/theme.css

@@ -5700,9 +5700,11 @@
     color: #450a0a;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-dark-purple/theme.css

@@ -5700,9 +5700,11 @@
     color: #450a0a;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-dark-teal/theme.css

@@ -5700,9 +5700,11 @@
     color: #450a0a;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-light-amber/theme.css

@@ -5700,9 +5700,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-light-blue/theme.css

@@ -5700,9 +5700,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-light-cyan/theme.css

@@ -5700,9 +5700,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-light-green/theme.css

@@ -5700,9 +5700,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-light-indigo/theme.css

@@ -5700,9 +5700,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-light-pink/theme.css

@@ -5700,9 +5700,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-light-purple/theme.css

@@ -5700,9 +5700,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/lara-light-teal/theme.css

@@ -5700,9 +5700,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/luna-amber/theme.css

@@ -5693,9 +5693,11 @@
     color: #212529;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/luna-blue/theme.css

@@ -5693,9 +5693,11 @@
     color: #212529;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/luna-green/theme.css

@@ -5693,9 +5693,11 @@
     color: #212529;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/luna-pink/theme.css

@@ -5693,9 +5693,11 @@
     color: #212529;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/md-dark-deeppurple/theme.css

@@ -5754,9 +5754,11 @@
     color: #212121;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/md-dark-indigo/theme.css

@@ -5754,9 +5754,11 @@
     color: #212121;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/md-light-deeppurple/theme.css

@@ -5754,9 +5754,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/md-light-indigo/theme.css

@@ -5754,9 +5754,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/mdc-dark-deeppurple/theme.css

@@ -5754,9 +5754,11 @@
     color: #212121;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/mdc-dark-indigo/theme.css

@@ -5754,9 +5754,11 @@
     color: #212121;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/mdc-light-deeppurple/theme.css

@@ -5754,9 +5754,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/mdc-light-indigo/theme.css

@@ -5754,9 +5754,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/mira/theme.css

@@ -5758,9 +5758,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/nano/theme.css

@@ -5730,9 +5730,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/nova-accent/theme.css

@@ -5681,9 +5681,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/nova-alt/theme.css

@@ -5693,9 +5693,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/nova-vue/theme.css

@@ -5693,9 +5693,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/nova/theme.css

@@ -5693,9 +5693,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/rhea/theme.css

@@ -5681,9 +5681,11 @@
     color: #262222;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/saga-blue/theme.css

@@ -5730,9 +5730,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/saga-green/theme.css

@@ -5730,9 +5730,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/saga-orange/theme.css

@@ -5730,9 +5730,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/saga-purple/theme.css

@@ -5730,9 +5730,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/soho-dark/theme.css

@@ -5705,9 +5705,11 @@
     color: #1d1e27;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/soho-light/theme.css

@@ -5705,9 +5705,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/tailwind-light/theme.css

@@ -5765,9 +5765,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/vela-blue/theme.css

@@ -5730,9 +5730,11 @@
     color: #121212;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/vela-green/theme.css

@@ -5730,9 +5730,11 @@
     color: #121212;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/vela-orange/theme.css

@@ -5730,9 +5730,11 @@
     color: #121212;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/vela-purple/theme.css

@@ -5730,9 +5730,11 @@
     color: #121212;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/viva-dark/theme.css

@@ -5762,9 +5762,11 @@
     color: #0e1315;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;

public/themes/viva-light/theme.css

@@ -5762,9 +5762,11 @@
     color: #ffffff;
   }
   .p-tag .p-tag-icon {
-    margin-right: 0.25rem;
     font-size: 0.75rem;
   }
+  .p-tag .p-tag-icon:not(:last-child) {
+    margin-right: 0.25rem;
+  }
   .p-tag .p-tag-icon.p-icon {
     width: 0.75rem;
     height: 0.75rem;