diff --git a/app/javascript/mastodon/components/media_gallery.js b/app/javascript/mastodon/components/media_gallery.js
index 56618462b..77bac61ee 100644
--- a/app/javascript/mastodon/components/media_gallery.js
+++ b/app/javascript/mastodon/components/media_gallery.js
@@ -157,7 +157,7 @@ class Item extends React.PureComponent {
if (attachment.get('type') === 'unknown') {
return (
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 545427d22..4a0d64ad3 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -557,6 +557,7 @@
.compose-form__upload-thumbnail {
border-radius: 4px;
+ background-color: $base-shadow-color;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
diff --git a/app/models/media_attachment.rb b/app/models/media_attachment.rb
index ae94ce68a..4c55d4b98 100644
--- a/app/models/media_attachment.rb
+++ b/app/models/media_attachment.rb
@@ -69,9 +69,13 @@ class MediaAttachment < ApplicationRecord
AUDIO_STYLES = {
original: {
- format: 'ogg',
- content_type: 'audio/ogg',
- convert_options: {},
+ format: 'mp3',
+ content_type: 'audio/mpeg',
+ convert_options: {
+ output: {
+ 'q:a' => 2,
+ },
+ },
},
}.freeze