diff --git a/src/assistant.js b/src/assistant.js
index 24145aef..d5b10180 100644
--- a/src/assistant.js
+++ b/src/assistant.js
@@ -81,6 +81,7 @@ export async function openAssistantForm({
 			if (isInsideViewer) {
 				// so the assistant modal is opened on top of the current viewer
 				document.querySelector('body').append(modalMountPoint)
+				modalMountPoint.classList.add('insideViewer')
 			} else {
 				// so the viewer can be later opened on top of the assistant
 				document.querySelector('body').insertBefore(modalMountPoint, content.nextSibling)
@@ -547,6 +548,7 @@ export async function openAssistantTask(
 		if (isInsideViewer) {
 			// so the assistant modal is opened on top of the current viewer
 			document.querySelector('body').append(modalMountPoint)
+			modalMountPoint.classList.add('insideViewer')
 		} else {
 			// so the viewer can be later opened on top of the assistant
 			document.querySelector('body').insertBefore(modalMountPoint, content.nextSibling)
diff --git a/src/components/AssistantTextProcessingModal.vue b/src/components/AssistantTextProcessingModal.vue
index af4825b3..58a370e3 100644
--- a/src/components/AssistantTextProcessingModal.vue
+++ b/src/components/AssistantTextProcessingModal.vue
@@ -204,6 +204,13 @@ export default {
 </script>
 
 <style lang="scss">
+.p-dialog-mask {
+	z-index: 5000 !important;
+}
+#assistantTextProcessingModal.insideViewer .p-dialog-mask {
+	z-index: 9998 !important;
+}
+
 .assistant-modal.p-dialog {
 	position: relative;
 	max-width: 100%;