diff --git a/src/components/CallView/shared/Screen.vue b/src/components/CallView/shared/Screen.vue
index 657fff561ea9..9443c97a9ecc 100644
--- a/src/components/CallView/shared/Screen.vue
+++ b/src/components/CallView/shared/Screen.vue
@@ -23,6 +23,7 @@
 <script>
 import Hex from 'crypto-js/enc-hex.js'
 import SHA1 from 'crypto-js/sha1.js'
+import panzoom from 'panzoom'
 
 import { t } from '@nextcloud/l10n'
 
@@ -139,6 +140,10 @@ export default {
 		} else {
 			this._setScreen(this.callParticipantModel.attributes.screen)
 		}
+		// just grab a DOM element
+		const element = document.getElementById(this.screenContainerId)
+		// And pass it to panzoom
+		panzoom(element)
 	},
 
 	methods: {
@@ -165,6 +170,11 @@ export default {
 
 <style lang="scss" scoped>
 
+.screenContainer {
+	width: 100%;
+	height: 100%;
+}
+
 .screen {
 	width: 100%;
 	height: 100%;