From bec3d0e16e06b2683ec06577ae9049709be4fe72 Mon Sep 17 00:00:00 2001
From: Azri Kahar <42867097+azrikahar@users.noreply.github.com>
Date: Fri, 22 Jul 2022 17:09:48 +0800
Subject: [PATCH] fix audio player not showing up

---
 .../private/components/file-preview/file-preview.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/src/views/private/components/file-preview/file-preview.vue b/app/src/views/private/components/file-preview/file-preview.vue
index 4accf96d94..22b42b521b 100644
--- a/app/src/views/private/components/file-preview/file-preview.vue
+++ b/app/src/views/private/components/file-preview/file-preview.vue
@@ -65,12 +65,20 @@ const authenticatedSrc = computed(() => addTokenToURL(props.src));
 	position: relative;
 	max-width: calc((var(--form-column-max-width) * 2) + var(--form-horizontal-gap));
 
+	img,
+	video {
+		width: auto;
+		height: auto;
+	}
+
+	audio {
+		width: 100%;
+	}
+
 	img,
 	video,
 	audio {
-		width: auto;
 		max-width: 100%;
-		height: auto;
 		max-height: v-bind(maxHeight);
 		object-fit: contain;
 		border-radius: var(--border-radius);