diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 25df8e2..91a169e 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -34,7 +34,7 @@
 					v-else-if="previewUrl && previewMode === 'video'"
 					:src="previewUrl"
 					controls
-					style="width: 100%; height: 100%; background: #000"
+					style="width: 100%; height: 100%; object-fit: contain; background: #000"
 				></video>
 				<audio v-else-if="previewUrl && previewMode === 'audio'" :src="previewUrl" controls style="width: 100%"></audio>
 				<iframe v-else-if="previewUrl" :src="previewUrl" class="preview-iframe" frameborder="0"></iframe>
@@ -644,8 +644,10 @@ onMounted(() => {
 }
 
 .preview-container {
-	max-height: 85vh;
-	overflow: auto;
+	height: 80vh;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 
 .preview-iframe {