diff --git a/server/src/main/resources/html/static/index.html b/server/src/main/resources/html/static/index.html
index 7ba3f8e6..0131cff2 100644
--- a/server/src/main/resources/html/static/index.html
+++ b/server/src/main/resources/html/static/index.html
@@ -134,13 +134,13 @@
 										<td data-bind="text: ko_progressString"></td>
 										<td data-bind="text: ko_size"></td>
 										<td>
-											<button class="btn btn-secondary fa fa-play" title="Play recording" data-bind="click: play"></button>
+											<button class="btn btn-secondary fa fa-play" title="Play recording" data-bind="enable: status == 'FINISHED', click: play"></button>
 										</td>
 										<td>
-											<button class="btn btn-secondary fa fa-download" title="Download recording" data-bind="click: function() { $.notify('Not implemented, yet', 'info'); }"></button>
+											<button class="btn btn-secondary fa fa-download" title="Download recording" data-bind="enable: status == 'FINISHED', click: function() { $.notify('Not implemented, yet', 'info'); }"></button>
 										</td>
 										<td>
-											<button class="btn btn-secondary fa fa-trash" title="Delete recording" data-bind="click: ctbrec.deleteRecording"></button>
+											<button class="btn btn-secondary fa fa-trash" title="Delete recording" data-bind="enable: status == 'FINISHED', click: ctbrec.deleteRecording"></button>
 										</td>
 									</tr>
 								</tbody>