diff --git a/app/styles/play/level/playback.sass b/app/styles/play/level/playback.sass
index 73d7f6b01..ebeff9846 100644
--- a/app/styles/play/level/playback.sass
+++ b/app/styles/play/level/playback.sass
@@ -58,6 +58,8 @@
     li:hover
       background: #add8e6
 
+  #play-button.disabled i
+    @include opacity(0.5)
   #play-button.playing i.icon-pause
     display: inline-block
   #play-button.paused i.icon-play
@@ -96,6 +98,9 @@
       border-radius: 0
       border: 0
 
+      &.disabled
+        cursor: default
+
       .progress-bar
         @include transition(width .0s linear)
         position: relative
diff --git a/app/views/play/level/playback_view.coffee b/app/views/play/level/playback_view.coffee
index 3ecd68027..e0ddbb24d 100644
--- a/app/views/play/level/playback_view.coffee
+++ b/app/views/play/level/playback_view.coffee
@@ -58,11 +58,11 @@ module.exports = class PlaybackView extends View
 
   onSetLetterbox: (e) ->
     if e.on
-      $('.scrubber .progress', @$el).slider('disable', true)
+      $('.scrubber .progress', @$el).slider('disable', true).addClass('disabled')
       $('#play-button', @$el).addClass('disabled')
       $('.scrubber-handle', @$el).css('visibility', 'hidden')
     else
-      $('.scrubber .progress', @$el).slider('enable', true)
+      $('.scrubber .progress', @$el).slider('enable', true).removeClass('disabled')
       $('#play-button', @$el).removeClass('disabled')
       $('.scrubber-handle', @$el).css('visibility', 'visible')
     @disabled = e.on