diff --git a/src/components/ValidatorCommissionRate.vue b/src/components/ValidatorCommissionRate.vue
index 57b7ed6f..99b88c56 100644
--- a/src/components/ValidatorCommissionRate.vue
+++ b/src/components/ValidatorCommissionRate.vue
@@ -91,7 +91,7 @@ const chartConfig = computed(() => {
                             offsetY: -15,
                             fontWeight: 500,
                             fontSize: '2.125rem',
-                            formatter: (value: unknown) => `${rate.value}%`,
+                            formatter: (value: unknown) => `${rate.value.toFixed(1)}%`,
                             color: primaryText,
                         },
                         total: {
@@ -99,7 +99,7 @@ const chartConfig = computed(() => {
                             label: 'Commission Rate',
                             fontSize: '1rem',
                             color: secondaryText,
-                            formatter: () => `${rate.value}%`,
+                            formatter: () => `${rate.value.toFixed(1)}%`,
                         },
                     },
                 },
@@ -130,7 +130,7 @@ const chartConfig = computed(() => {
             <div class="flex items-center justify-center flex-wrap gap-x-3">
                 <div class="flex items-center gap-x-2">
                     <div class="bg-success w-[6px] h-[6px] rounded-full"></div>
-                    <span class="text-caption">Rate:{{ rate }}%</span>
+                    <span class="text-caption">Rate:{{ rate.toFixed(0) }}%</span>
                 </div>
                 <div class="flex items-center gap-x-2">
                     <div class="bg-success w-[6px] h-[6px] rounded-full opacity-60"></div>