diff --git a/changes/changelog.d/2054.bugfix b/changes/changelog.d/2054.bugfix
new file mode 100644
index 000000000..4dbfadd7a
--- /dev/null
+++ b/changes/changelog.d/2054.bugfix
@@ -0,0 +1 @@
+Fixed mobile player element widths (#2054)
diff --git a/front/src/style/components/_player.scss b/front/src/style/components/_player.scss
index 6386a4436..23c0025ca 100644
--- a/front/src/style/components/_player.scss
+++ b/front/src/style/components/_player.scss
@@ -219,7 +219,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    min-width: 10em;
+    min-width: 8em;
     z-index: 2;
     > .control.button {
       padding: 0.5em;
diff --git a/front/src/style/components/_queue.scss b/front/src/style/components/_queue.scss
index 4b49b0239..7ff9a25bd 100644
--- a/front/src/style/components/_queue.scss
+++ b/front/src/style/components/_queue.scss
@@ -283,6 +283,7 @@
       align-items: center;
       justify-content: center;
       text-align: center;
+      max-width: 100vw;
 
       .ui.header {
         width: 100%;