diff --git a/res/css/views/audio_messages/_AudioPlayer.scss b/res/css/views/audio_messages/_AudioPlayer.scss
index 2d3777aeca..3f02e54aab 100644
--- a/res/css/views/audio_messages/_AudioPlayer.scss
+++ b/res/css/views/audio_messages/_AudioPlayer.scss
@@ -16,7 +16,7 @@ limitations under the License.
 
 .mx_AudioPlayer_container {
     padding: 16px 12px 11px 12px;
-    width: 267px;
+    max-width: 267px; // use max to make the control fit in the files/pinned panels
 
     .mx_AudioPlayer_primaryContainer {
         display: flex;