diff --git a/src/App.vue b/src/App.vue
index 6dd16525..f7fabcdc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -48,6 +48,14 @@ export default {
   },
 
   created: function () {
+    var context = this
+    UIkit.util.on(document, 'hidden', '.toggle-hidden', function () {
+      context.$root.$emit('globalResizePreview')
+    })
+    UIkit.util.on(document, 'shown', '.toggle-hidden', function () {
+      context.$root.$emit('globalResizePreview')
+    })
+
     window.addEventListener('resize', this.handleResize)
     this.handleResize();
   },
diff --git a/src/components/paneDisplayComponents/streamDisplay.vue b/src/components/paneDisplayComponents/streamDisplay.vue
index d1b9fad2..7c1fff96 100644
--- a/src/components/paneDisplayComponents/streamDisplay.vue
+++ b/src/components/paneDisplayComponents/streamDisplay.vue
@@ -35,6 +35,10 @@ export default {
   },
 
   mounted() {
+		// A global signal listener to change the GPU preview state
+    this.$root.$on('globalResizePreview', (state) => {
+			this.handleDoneResize()
+		})
     // A global signal listener to change the GPU preview state
     this.$root.$on('globalTogglePreview', (state) => {
 			console.log(`Toggling preview to ${state}`)