diff --git a/src/app/ui/components/playback-progress/playback-progress.component.html b/src/app/ui/components/playback-progress/playback-progress.component.html
index a9c14828..4ec9c1fb 100644
--- a/src/app/ui/components/playback-progress/playback-progress.component.html
+++ b/src/app/ui/components/playback-progress/playback-progress.component.html
@@ -1,5 +1,6 @@
 <div
     class="app-playback-progress-container"
+    [class.grabbing]="isProgressThumbDown || isProgressContainerDown"
     (mouseenter)="progressContainerMouseEnter()"
     (mouseleave)="progressContainerMouseLeave()"
     (mousedown)="progressContainerMouseDown($event)"
diff --git a/src/app/ui/components/playback-progress/playback-progress.component.scss b/src/app/ui/components/playback-progress/playback-progress.component.scss
index 0bf39cca..b253e886 100644
--- a/src/app/ui/components/playback-progress/playback-progress.component.scss
+++ b/src/app/ui/components/playback-progress/playback-progress.component.scss
@@ -3,6 +3,11 @@
     width: 100%;
     height: 12px;
     cursor: pointer;
+
+    &.grabbing,
+    &.grabbing .app-playback-progress-thumb {
+        cursor: grabbing;
+    }
 }
 
 .app-playback-progress-bar {
diff --git a/src/app/ui/components/slider/slider.component.html b/src/app/ui/components/slider/slider.component.html
index 642c1a60..988a20ad 100644
--- a/src/app/ui/components/slider/slider.component.html
+++ b/src/app/ui/components/slider/slider.component.html
@@ -1,5 +1,6 @@
 <div
     class="app-slider-container"
+    [class.grabbing]="isSliderThumbMovable"
     (mouseenter)="onSliderContainerMouseEnter()"
     (mouseleave)="onSliderContainerMouseLeave()"
     (mousedown)="onSliderContainerMouseDown($event)"
diff --git a/src/app/ui/components/slider/slider.component.scss b/src/app/ui/components/slider/slider.component.scss
index a644509f..2c64121b 100644
--- a/src/app/ui/components/slider/slider.component.scss
+++ b/src/app/ui/components/slider/slider.component.scss
@@ -3,6 +3,11 @@
     width: 100%;
     height: 12px;
     cursor: pointer;
+
+    &.grabbing,
+    &.grabbing .app-slider-thumb {
+        cursor: grabbing;
+    }
 }
 
 .app-slider-bar {
diff --git a/src/app/ui/components/slider/slider.component.ts b/src/app/ui/components/slider/slider.component.ts
index 67c2f8ca..ce556dcf 100644
--- a/src/app/ui/components/slider/slider.component.ts
+++ b/src/app/ui/components/slider/slider.component.ts
@@ -60,7 +60,7 @@ export class SliderComponent implements AfterViewInit {
     public sliderTrack!: ElementRef;
 
     public showSliderThumb: boolean = false;
-    private isSliderThumbMovable: boolean = false;
+    public isSliderThumbMovable: boolean = false;
 
     public sliderBarPosition: number = 0;
     public sliderThumbPosition: number = 0;