diff --git a/ui/src/components/markdown/MdPreview.vue b/ui/src/components/markdown/MdPreview.vue
index 0d8c3ab15..fb4d8c919 100644
--- a/ui/src/components/markdown/MdPreview.vue
+++ b/ui/src/components/markdown/MdPreview.vue
@@ -21,3 +21,10 @@ config({
   }
 })
 </script>
+
+<style lang="scss" scoped>
+:deep(audio) {
+  width: 300px;
+  height: 43px;
+}
+</style>