diff --git a/changelog/unreleased/bugfix-center-mediaviewer-loadingspinner b/changelog/unreleased/bugfix-center-mediaviewer-loadingspinner
new file mode 100644
index 00000000000..0901b297349
--- /dev/null
+++ b/changelog/unreleased/bugfix-center-mediaviewer-loadingspinner
@@ -0,0 +1,8 @@
+Bugfix: Center MediaViewer loading spinner
+
+The loading spinner in the media viewer app wasn't centered vertically since the 
+wrapping element was to small. It has now been given a min-height of the current 
+screen size.
+
+https://github.com/owncloud/web/pull/5270
+https://github.com/owncloud/web/issues/5196
diff --git a/packages/web-app-media-viewer/src/App.vue b/packages/web-app-media-viewer/src/App.vue
index 5467bcf6669..5ec3656edcc 100644
--- a/packages/web-app-media-viewer/src/App.vue
+++ b/packages/web-app-media-viewer/src/App.vue
@@ -339,6 +339,9 @@ export default {
 </script>
 
 <style scoped>
+#mediaviewer {
+  min-height: 100vh;
+}
 .media-viewer-player {
   width: 100%;
   max-width: 90vw;