diff --git a/app/xml_cdr/xml_cdr.php b/app/xml_cdr/xml_cdr.php
index 7e123f56a2..3fb1b62aef 100644
--- a/app/xml_cdr/xml_cdr.php
+++ b/app/xml_cdr/xml_cdr.php
@@ -620,7 +620,7 @@
 
 				//recording playback
 					if (permission_exists('recording_play') && $record_path != '') {
-						$content .= "<tr class='list-row' id='recording_progress_bar_".$row['xml_cdr_uuid']."' style='display: none;'><td class='playback_progress_bar_background' style='padding: 0; border: none;' colspan='".$col_count."'><span class='playback_progress_bar' id='recording_progress_".$row['xml_cdr_uuid']."'></span></td></tr>\n";
+						$content .= "<tr class='list-row' id='recording_progress_bar_".$row['xml_cdr_uuid']."' style='display: none;'><td class='playback_progress_bar_background' style='padding: 0; border-bottom: none; overflow: hidden;' colspan='".$col_count."'><span class='playback_progress_bar' id='recording_progress_".$row['xml_cdr_uuid']."'></span></td></tr>\n";
 						$content .= "<tr class='list-row' style='display: none;'><td></td></tr>\n"; // dummy table row to maintain alternating background color
 					}
 					if (permission_exists('xml_cdr_details')) {
diff --git a/themes/default/css.php b/themes/default/css.php
index b58956c0de..3ba5d18e63 100644
--- a/themes/default/css.php
+++ b/themes/default/css.php
@@ -1328,15 +1328,15 @@ $default_login = ($_REQUEST['login'] == 'default') ? true : false;
 		box-shadow: 0 0 3px 0px rgba(255,0,0,0.9);
 		}
 
-	tr.playback_progress_bar_background {
+	table.list tr.list-row td.playback_progress_bar_background {
 		padding: 0;
 		border-bottom: none;
-		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.15) 0%, transparent 100%);
-		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, transparent 100%);
-		background-image: -o-linear-gradient(top, rgba(0,0,0,0.15) 0%, transparent 100%);
-		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.15)), color-stop(1, transparent));
-		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%, transparent 100%);
-		background-image: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, transparent 100%);
+		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.10) 0%, transparent 100%);
+		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.10) 0%, transparent 100%);
+		background-image: -o-linear-gradient(top, rgba(0,0,0,0.10) 0%, transparent 100%);
+		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.10)), color-stop(1, transparent));
+		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.10) 0%, transparent 100%);
+		background-image: linear-gradient(to bottom, rgba(0,0,0,0.10) 0%, transparent 100%);
 		overflow: hidden;
 		}