Use teleport to avoid rendering inconsistency.

src/ux-components/button-main/button-main.vue

@@ -49,7 +49,7 @@ export default {
             );
             if (!this.isDisabled) {
                 if (!this.suppressLoader) this.isLoaderDisplayed = true;
-                //this.$emit("click-event");
+                this.$emit("click-event");
             }
         },
         resetButtonStyle() {
@@ -65,7 +65,7 @@ export default {
 <style lang="scss">
 .btn {
     font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
-    
+
     &.btn-primary {
         position: relative;
         background: $red;

src/ux-components/intercept-overlay/intercept-overlay.vue

@@ -1,6 +1,7 @@
 <template>
     <div
         class="intercept-overlay"
+        aria-hidden="true"
         @keydown.capture="blockKey"
         @click="captureClick"></div>
 </template>

src/ux-components/loader/loader.vue

@@ -1,5 +1,7 @@
 <template>
-    <interceptOverlay v-if="!allowPageInteraction" />
+    <Teleport to="body">
+        <interceptOverlay v-if="!allowPageInteraction" />
+    </Teleport>
     <div
         class="loader"
         role="alert"