diff --git a/resources/assets/js/components/MicroApps/modal.vue b/resources/assets/js/components/MicroApps/modal.vue
index cef46e549..e3b3c8e7a 100644
--- a/resources/assets/js/components/MicroApps/modal.vue
+++ b/resources/assets/js/components/MicroApps/modal.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-transfer-dom :data-transfer="true" :class="{'transparent-mode': transparent }">
+    <div v-transfer-dom :data-transfer="true" :class="{'micro-modal': value, 'transparent-mode': transparent }">
         <transition :name="transitions[0]">
             <div v-if="value" class="micro-modal-mask" @click="onClose" :style="maskStyle"></div>
         </transition>
@@ -134,6 +134,9 @@ export default {
 
 <style lang="scss" scoped>
 .micro-modal {
+    width: 100vw;
+    height: 100vh;
+
     &-mask {
         position: fixed;
         top: 0;
diff --git a/resources/assets/js/functions/web.js b/resources/assets/js/functions/web.js
index 329a1f007..30f49e7d0 100755
--- a/resources/assets/js/functions/web.js
+++ b/resources/assets/js/functions/web.js
@@ -996,8 +996,8 @@ import {convertLocalResourcePath} from "../components/Replace/utils";
                 },
 
                 reverseFilter() {
-                    return '-webkit-filter: invert(100%) hue-rotate(180deg) contrast(110%) !important; ' +
-                        'filter: invert(100%) hue-rotate(180deg) contrast(110%) !important;';
+                    return '-webkit-filter: invert(100%) hue-rotate(180deg) contrast(100%) !important; ' +
+                        'filter: invert(100%) hue-rotate(180deg) contrast(100%) !important;';
                 },
 
                 noneFilter() {
@@ -1064,12 +1064,9 @@ import {convertLocalResourcePath} from "../components/Replace/utils";
                     video,
                     iframe,
                     canvas,
-                    :not(object):not(body) > embed,
-                    object,
-                    svg image,
                     [style*="background:url"],
-                    [style*="background-image:url"],
                     [style*="background: url"],
+                    [style*="background-image:url"],
                     [style*="background-image: url"],
                     [background],
                     .no-dark-mode,
@@ -1079,15 +1076,18 @@ import {convertLocalResourcePath} from "../components/Replace/utils";
                         will-change: transform;
                     }
 
-                    input,
                     .no-dark-content img,
+                    .no-dark-content video,
+                    .no-dark-content iframe,
                     .no-dark-content canvas,
-                    .no-dark-content svg image,
                     .no-dark-content [style*="background:url"],
-                    .no-dark-content [style*="background-image:url"],
                     .no-dark-content [style*="background: url"],
+                    .no-dark-content [style*="background-image:url"],
                     .no-dark-content [style*="background-image: url"],
-                    .no-dark-content [background],
+                    .no-dark-content [background] {
+                        ${this.utils.noneFilter()}
+                    }
+
                     .fullscreen-mode img,
                     .fullscreen-mode video,
                     .fullscreen-mode iframe,
@@ -1095,6 +1095,25 @@ import {convertLocalResourcePath} from "../components/Replace/utils";
                         ${this.utils.noneFilter()}
                     }
 
+                    /* Micro App */
+                    .micro-modal {
+                        ${this.utils.reverseFilter()}
+                        will-change: auto;
+                    }
+
+                    .micro-modal img,
+                    .micro-modal video,
+                    .micro-modal iframe,
+                    .micro-modal canvas,
+                    .micro-modal [style*="background:url"],
+                    .micro-modal [style*="background: url"],
+                    .micro-modal [style*="background-image:url"],
+                    .micro-modal [style*="background-image: url"],
+                    .micro-modal [background] {
+                        ${this.utils.noneFilter()}
+                        will-change: auto;
+                    }
+
                     /* Text contrast */
                     html {
                         text-shadow: 0 0 0 !important;
diff --git a/resources/assets/js/store/actions.js b/resources/assets/js/store/actions.js
index 1958cfba0..57c92c09c 100644
--- a/resources/assets/js/store/actions.js
+++ b/resources/assets/js/store/actions.js
@@ -4680,7 +4680,7 @@ export default {
                 event[key] = menuItem[key]
             }
         }
-        emitter.emit('observeMicroApp', event);
+        emitter.emit('observeMicroApp:open', event);
     },
 
     /**