diff --git a/src/components/bars/PlayerBar/styles.scss b/src/components/bars/PlayerBar/styles.scss
index 389cbc42..fb1af0ef 100644
--- a/src/components/bars/PlayerBar/styles.scss
+++ b/src/components/bars/PlayerBar/styles.scss
@@ -6,12 +6,14 @@
 }
 
 .wrap {
+  @include outer_shadow();
   display: flex;
   border-radius: $radius $radius 0 0;
-  background: $main_gradient;
+  // background: $main_gradient;
   align-items: center;
-  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 5px, inset rgba(255, 255, 255, 0.3) 1px 1px,
-    inset rgba(0, 0, 0, 0.3) 0 -1px;
+  background: lighten($content_bg, 6%);
+  // box-shadow: rgba(0, 0, 0, 0.5) 0 2px 5px, inset rgba(255, 255, 255, 0.3) 1px 1px,
+  // inset rgba(0, 0, 0, 0.3) 0 -1px;
   position: absolute;
   top: 0;
   left: 0;
@@ -44,7 +46,7 @@
   svg {
     width: 32px;
     height: 32px;
-    fill: $content_bg;
+    fill: darken(white, 50%);
     stroke: none;
   }
 }
@@ -67,7 +69,7 @@
 }
 
 .title {
-  color: #222222;
+  color: darken(white, 50%);
   font: $font_14_semibold;
   white-space: nowrap;
   overflow: hidden;
@@ -87,7 +89,7 @@
     left: 0;
     width: 100%;
     height: 2px;
-    background: #222222;
+    background: darken(white, 50%);
     position: absolute;
     border-radius: 2px;
     opacity: 0.5;
@@ -99,7 +101,7 @@
   left: 0;
   width: 100%;
   height: 6px;
-  background: #222222;
+  background: darken(white, 50%);
   position: absolute;
   border-radius: 2px;
 }