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 8e8af4065..f9e2987a7 100644
--- a/front/src/style/components/_player.scss
+++ b/front/src/style/components/_player.scss
@@ -222,7 +222,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 b4afce275..dc0e8db50 100644
--- a/front/src/style/components/_queue.scss
+++ b/front/src/style/components/_queue.scss
@@ -291,6 +291,7 @@
       align-items: center;
       justify-content: center;
       text-align: center;
+      max-width: 100vw;
 
       .ui.header {
         width: 100%;