diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index 1ed84e243..9869df0f5 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -30,7 +30,7 @@ jobs:
       - name: Set up Ruby
         uses: ruby/setup-ruby@v1
         with:
-          ruby-version: 2.6
+          ruby-version: 3.2
           bundler-cache: true
 
       - run: ruby --version
diff --git a/src/pages/_data/charts.yml b/src/pages/_data/charts.yml
index 0427e4015..ddc6ba2d9 100644
--- a/src/pages/_data/charts.yml
+++ b/src/pages/_data/charts.yml
@@ -201,6 +201,7 @@ tasks-overview:
 
 
 campaigns:
+  demo: true
   type: radialBar
   sparkline: true
   series:
@@ -491,4 +492,3 @@ traffic-out:
     - name: Outbound
       data: [-3, 7, 9, 14, 4, 5, 3, -1, 7, 10, 14, 14, -2, 6]
 
-
diff --git a/src/pages/_includes/ui/chart.html b/src/pages/_includes/ui/chart.html
index f01f004fa..d0f914e77 100644
--- a/src/pages/_includes/ui/chart.html
+++ b/src/pages/_includes/ui/chart.html
@@ -68,6 +68,22 @@
 			},
 			{% endif %}
 
+			{% if chart-type == 'radialBar' %}
+			plotOptions: {
+				radialBar: {
+					dataLabels: {
+						total: {
+							show: true,
+							label: 'Totals',
+							formatter: function (val) {
+								return "44%";
+							},
+						},
+					},
+				},
+			},
+			{% endif %}
+
 			{% if chart-type == 'bar' or chart-type == 'area' %}
 			dataLabels: {
 				enabled: {% if data.datalabels %}true{% else %}false{% endif %},
diff --git a/src/scss/vendor/_apexcharts.scss b/src/scss/vendor/_apexcharts.scss
index e558e2675..396dbd5ba 100644
--- a/src/scss/vendor/_apexcharts.scss
+++ b/src/scss/vendor/_apexcharts.scss
@@ -39,6 +39,6 @@
   color: inherit !important;
 }
 
-.apexcharts-radialbar-area {
-  stroke: var(--#{$prefix}border-color-dark) !important;
+.apexcharts-radialbar-track .apexcharts-radialbar-area {
+  stroke: var(--#{$prefix}border-color) !important;
 }
\ No newline at end of file