diff --git a/front/src/style/components/_player.scss b/front/src/style/components/_player.scss
index edaa982774292071be8c88be272b4a980fb7465a..c261bb07f34ca4b08ffcc7207391c6ae4604d507 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 f227cb2998a30e6513f4aac6b345c02dd26701ae..7cf0e63d4c65a48ebd9d4afafccc67072c273367 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%);
   }
 }