diff --git a/ui/src/components/BlobPreview.vue b/ui/src/components/BlobPreview.vue
index af9c248..729ae86 100644
--- a/ui/src/components/BlobPreview.vue
+++ b/ui/src/components/BlobPreview.vue
@@ -37,6 +37,12 @@ export default defineComponent({
 </script>
 
 <style scoped lang="scss">
+.preview {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 audio {
   width: 100%;
 }