diff --git a/web-src/src/components/NavbarBottom.vue b/web-src/src/components/NavbarBottom.vue
index b569cd16..12018baa 100644
--- a/web-src/src/components/NavbarBottom.vue
+++ b/web-src/src/components/NavbarBottom.vue
@@ -180,7 +180,7 @@
                       type="range"
                       :style="{
                         '--ratio': stream_volume / 100,
-                        '--cursor': $filters.cursor(this.cursor)
+                        '--cursor': $filters.cursor(cursor)
                       }"
                       @change="change_stream_volume"
                     />
@@ -302,7 +302,7 @@
                     type="range"
                     :style="{
                       '--ratio': stream_volume / 100,
-                      '--cursor': $filters.cursor(this.cursor)
+                      '--cursor': $filters.cursor(cursor)
                     }"
                     @change="change_stream_volume"
                   />
diff --git a/web-src/src/components/NavbarItemOutput.vue b/web-src/src/components/NavbarItemOutput.vue
index ffe5f9a0..0f746bc3 100644
--- a/web-src/src/components/NavbarItemOutput.vue
+++ b/web-src/src/components/NavbarItemOutput.vue
@@ -28,7 +28,7 @@
               type="range"
               :style="{
                 '--ratio': volume / 100,
-                '--cursor': $filters.cursor(this.cursor)
+                '--cursor': $filters.cursor(cursor)
               }"
               @change="change_volume"
             />
diff --git a/web-src/src/filter/index.js b/web-src/src/filter/index.js
index 9e7cd0d1..f0bb1bfa 100644
--- a/web-src/src/filter/index.js
+++ b/web-src/src/filter/index.js
@@ -71,6 +71,6 @@ export const filters = {
   cursor(path, size = 20) {
     const viewbox = 24
     const center = size / 2
-    return `url(\"data:image/svg+xml,%3Csvg width='${size}' height='${size}' viewBox='0 0 ${viewbox} ${viewbox}' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='${path}'/%3E%3C/svg%3E\") ${center} ${center}, auto`
+    return `url("data:image/svg+xml,%3Csvg width='${size}' height='${size}' viewBox='0 0 ${viewbox} ${viewbox}' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='${path}'/%3E%3C/svg%3E") ${center} ${center}, auto`
   }
 }
diff --git a/web-src/src/pages/PageNowPlaying.vue b/web-src/src/pages/PageNowPlaying.vue
index 095e6d54..02a1cc63 100644
--- a/web-src/src/pages/PageNowPlaying.vue
+++ b/web-src/src/pages/PageNowPlaying.vue
@@ -17,7 +17,7 @@
           :class="{ 'is-inactive': is_live }"
           :style="{
             '--ratio': track_progress_ratio,
-            '--cursor': $filters.cursor(this.cursor)
+            '--cursor': $filters.cursor(cursor)
           }"
           :disabled="is_live"
           @change="seek"