diff --git a/components/lib/metergroup/style/MeterGroupStyle.js b/components/lib/metergroup/style/MeterGroupStyle.js index 5b7c4b717..2ae729ce3 100644 --- a/components/lib/metergroup/style/MeterGroupStyle.js +++ b/components/lib/metergroup/style/MeterGroupStyle.js @@ -34,8 +34,9 @@ const theme = ({ dt }) => ` } .p-metergroup-label-icon { - width: 1rem; - height: 1rem; + font-size: ${dt('metergroup.label.icon.size')}; + width: ${dt('metergroup.label.icon.size')}; + height: ${dt('metergroup.label.icon.size')}; } .p-metergroup-horizontal { @@ -54,6 +55,7 @@ const theme = ({ dt }) => ` border-top-left-radius: ${dt('metergroup.border.radius')}; border-bottom-left-radius: ${dt('metergroup.border.radius')}; } + .p-metergroup-horizontal .p-metergroup-meter:last-of-type { border-top-right-radius: ${dt('metergroup.border.radius')}; border-bottom-right-radius: ${dt('metergroup.border.radius')}; diff --git a/components/lib/themes/aura/metergroup/index.js b/components/lib/themes/aura/metergroup/index.js index 349a0801d..776f87075 100644 --- a/components/lib/themes/aura/metergroup/index.js +++ b/components/lib/themes/aura/metergroup/index.js @@ -13,6 +13,9 @@ export default { labelMarker: { size: '0.5rem' }, + labelIcon: { + size: '1rem' + }, labelList: { verticalGap: '0.5rem', horizontalGap: '1rem' diff --git a/components/lib/themes/lara/metergroup/index.js b/components/lib/themes/lara/metergroup/index.js index e7496714e..86f5e78bd 100644 --- a/components/lib/themes/lara/metergroup/index.js +++ b/components/lib/themes/lara/metergroup/index.js @@ -13,6 +13,9 @@ export default { labelMarker: { size: '0.5rem' }, + labelIcon: { + size: '1rem' + }, labelList: { verticalGap: '0.5rem', horizontalGap: '1rem'