Merge pull request #14819 from IgniteUI/simeonoff/badge-size-18.2.x

refactor(badge): update padding and display type

Author: kdinev

projects/igniteui-angular/src/lib/core/styles/components/badge/_badge-theme.scss

@@ -98,7 +98,7 @@
         --size: #{rem(22px)};
         --_badge-size: var(--size);
 
-        display: flex;
+        display: inline-flex;
         justify-content: center;
         align-items: center;
         min-width: var(--_badge-size);
@@ -138,7 +138,7 @@
 
     %igx-badge-value {
         white-space: nowrap;
-        padding: $badge-value-padding;
+        padding-inline: $badge-value-padding;
     }
 
     %igx-badge--success {