diff --git a/src/scss/vendor/_jsvectormap.scss b/src/scss/vendor/_jsvectormap.scss
index ac793ce9e..b82d02b36 100644
--- a/src/scss/vendor/_jsvectormap.scss
+++ b/src/scss/vendor/_jsvectormap.scss
@@ -4,30 +4,30 @@ $tooltip-font-size: $h5-font-size;
 $box-shadow: $card-shadow;
 $legend-tick-sample-radius: $border-radius-pill;
 
-@import "~jsvectormap/src/scss/jsvectormap.scss";
+@import "~jsvectormap/dist/css/jsvectormap.css";
 
-.#{$classPrefix}series-container .#{$classPrefix}legend  .#{$classPrefix}legend-title {
+.jvm-series-container .jvm-legend  .jvm-legend-title {
   border-bottom: 0;
   font-weight: $font-weight-medium;
 }
 
-.#{$classPrefix}series-container .#{$classPrefix}legend {
+.jvm-series-container .jvm-legend {
   background-color: var(--#{$variable-prefix}card-bg);
   border: 1px solid var(--#{$variable-prefix}border-color);
   min-width: 8rem;
 
-  .#{$classPrefix}legend-inner .#{$classPrefix}legend-tick {
+  .jvm-legend-inner .jvm-legend-tick {
     display: flex;
     align-items: center;
 
-    .#{$classPrefix}legend-tick-sample {
+    .jvm-legend-tick-sample {
       width: .75rem;
       height: .75rem;
     }
   }
 }
 
-.#{$classPrefix}zoom-btn {
+.jvm-zoom-btn {
   border: 1px solid var(--#{$variable-prefix}border-color);
   background: var(--#{$variable-prefix}card-bg);
   color: var(--#{$variable-prefix}body-color);
@@ -41,7 +41,7 @@ $legend-tick-sample-radius: $border-radius-pill;
   font-size: 1rem;
   box-shadow: $card-shadow;
 
-  &.#{$classPrefix}zoomout {
+  &.jvm-zoomout {
     top: 2.5rem;
   }
 }
\ No newline at end of file