diff --git a/pages/_data/charts.yml b/pages/_data/charts.yml
index 1f2eaa9ae..0ad8b5fe8 100644
--- a/pages/_data/charts.yml
+++ b/pages/_data/charts.yml
@@ -2,7 +2,7 @@ mentions:
   stacked: true
   datetime: true
   show-x: true
-  demo: true
+  demo: false
   series:
     - name: Web
       data: [1, 0, 0, 0, 0, 1, 1, 0, 0, 0, 2, 12, 5, 8, 22, 6, 8, 6, 4, 1, 8, 24, 29, 51, 40, 47, 23, 26, 50, 26, 41, 22, 46, 47, 81, 46, 6]
diff --git a/pages/charts.html b/pages/charts.html
index a6d379c62..e3b0735af 100644
--- a/pages/charts.html
+++ b/pages/charts.html
@@ -1,7 +1,7 @@
 ---
 title: Charts
 page-header: Charts
-menu: charts
+menu: base.charts
 ---
 
 <div class="row">
diff --git a/scss/_variables.scss b/scss/_variables.scss
index eaba7e547..9501e6f61 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -296,6 +296,13 @@ $cards-grid-gap: 1.25rem !default;
 $cards-grid-gap-sm: .75rem !default;
 $cards-grid-breakpoint: lg !default;
 
+//carousel
+$carousel-control-color: $white !default;
+$carousel-control-icon-width: 1.5rem !default;
+$carousel-control-prev-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{$carousel-control-color}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='15 18 9 12 15 6'></polyline></svg>") !default;
+$carousel-control-next-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{$carousel-control-color}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 18 15 12 9 6'></polyline></svg>") !default;
+
+
 
 //close
 $close-font-weight: 400 !default;