From 783b7f849529ea1267859a0a53a3c5036155aae7 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 31 Oct 2024 12:06:26 +0300
Subject: [PATCH] Refactor #6691 - For MeterGroup

---
 .../src/metergroup/style/MeterGroupStyle.js   | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/primevue/src/metergroup/style/MeterGroupStyle.js b/packages/primevue/src/metergroup/style/MeterGroupStyle.js
index ead5de011..379ceb74b 100644
--- a/packages/primevue/src/metergroup/style/MeterGroupStyle.js
+++ b/packages/primevue/src/metergroup/style/MeterGroupStyle.js
@@ -52,13 +52,13 @@ const theme = ({ dt }) => `
 }
 
 .p-metergroup-horizontal .p-metergroup-meter:first-of-type {
-    border-top-left-radius: ${dt('metergroup.border.radius')};
-    border-bottom-left-radius: ${dt('metergroup.border.radius')};
+    border-start-start-radius: ${dt('metergroup.border.radius')};
+    border-end-start-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')};
+    border-start-end-radius: ${dt('metergroup.border.radius')};
+    border-end-end-radius: ${dt('metergroup.border.radius')};
 }
 
 .p-metergroup-vertical {
@@ -77,16 +77,17 @@ const theme = ({ dt }) => `
 }
 
 .p-metergroup-vertical .p-metergroup-label-list {
-    align-items: start;
+    align-items: flex-start;
 }
 
 .p-metergroup-vertical .p-metergroup-meter:first-of-type {
-    border-top-left-radius: ${dt('metergroup.border.radius')};
-    border-top-right-radius: ${dt('metergroup.border.radius')};
+    border-start-start-radius: ${dt('metergroup.border.radius')};
+    border-start-end-radius: ${dt('metergroup.border.radius')};
 }
+
 .p-metergroup-vertical .p-metergroup-meter:last-of-type {
-    border-bottom-left-radius: ${dt('metergroup.border.radius')};
-    border-bottom-right-radius: ${dt('metergroup.border.radius')};
+    border-end-start-radius: ${dt('metergroup.border.radius')};
+    border-end-end-radius: ${dt('metergroup.border.radius')};
 }
 `;