diff -r c3a6266ebe0a -r c69dcc3b0524 cms/app-client/app/styles/components/player-component.scss
--- a/cms/app-client/app/styles/components/player-component.scss	Mon Oct 17 22:40:26 2016 +0530
+++ b/cms/app-client/app/styles/components/player-component.scss	Tue Oct 18 14:38:20 2016 +0530
@@ -3,7 +3,8 @@
     text-align: left;
     padding: 0px 40px;
     height: 80px;
-    background-color: $dark-blue;
+    background-color: $corpus-blue;
+    border-bottom: 1px solid$corpus-black;
     overflow: hidden;
     position: relative;
 }
@@ -32,7 +33,7 @@
 .player-component #audio .controls i.disabled {
     cursor: pointer;
     pointer-events: none;
-    opacity: .1;
+    color: $corpus-light-blue;
 }
 
 .player-component #audio .controls i.fa-backward {
@@ -41,7 +42,7 @@
 
 .player-component #audio .controls i.fa-play,
 .player-component #audio .controls i.fa-pause {
-    border: 2px solid $light-white;
+    border: 2px solid $corpus-white;
     border-radius: 100%;
     margin-right: 8px;
     margin-left: 8px;
@@ -103,7 +104,7 @@
 .player-component #audio .progress .bar {
     width: 303px;
     height: 3px;
-    background-color: $light-white;
+    background-color: $corpus-light-blue;
     margin: -1px 60px 0 60px;
     position: relative;
     display: block;
@@ -122,7 +123,7 @@
 .player-component #audio .progress .bar .value {
     width: 0%;
     height: 100%;
-    background-color: $blue;
+    background-color: $corpus-white;
     display: block;
 }