diff --git a/front/src/style/components/_player.scss b/front/src/style/components/_player.scss
index edaa98277..c261bb07f 100644
--- a/front/src/style/components/_player.scss
+++ b/front/src/style/components/_player.scss
@@ -81,7 +81,7 @@
   .track-controls {
     display: flex;
     align-items: center;
-    justify-content: start;
+    justify-content: flex-start;
     flex-grow: 1;
     .image {
       padding: 0.5em;
diff --git a/front/src/style/globals/_utils.scss b/front/src/style/globals/_utils.scss
index f227cb299..7cf0e63d4 100644
--- a/front/src/style/globals/_utils.scss
+++ b/front/src/style/globals/_utils.scss
@@ -73,7 +73,7 @@ a {
   &:not(.expanded) {
     overflow: hidden;
     max-height: 15vh;
-    background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.3) 100%);
+    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.3) 100%);
   }
 }