diff --git a/app/javascript/flavours/glitch/features/compose/components/upload_form.js b/app/javascript/flavours/glitch/features/compose/components/upload_form.js
index a126cc7e4e4..4864043a815 100644
--- a/app/javascript/flavours/glitch/features/compose/components/upload_form.js
+++ b/app/javascript/flavours/glitch/features/compose/components/upload_form.js
@@ -16,11 +16,13 @@ export default class UploadForm extends ImmutablePureComponent {
-
- {mediaIds.map(id => (
-
- ))}
-
+ {mediaIds.size > 0 && (
+
+ {mediaIds.map(id => (
+
+ ))}
+
+ )}
);
}
diff --git a/app/javascript/flavours/glitch/styles/components/composer.scss b/app/javascript/flavours/glitch/styles/components/composer.scss
index 466b654de68..c7851b56135 100644
--- a/app/javascript/flavours/glitch/styles/components/composer.scss
+++ b/app/javascript/flavours/glitch/styles/components/composer.scss
@@ -241,16 +241,14 @@
}
.composer--upload_form {
- padding: 5px;
- color: $inverted-text-color;
- background: $simple-background-color;
- font-size: 14px;
+ overflow: hidden;
& > .content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-family: inherit;
+ padding: 5px;
overflow: hidden;
}
}