diff --git a/client/app/css/main.css b/client/app/css/main.css
index 7ea14c83db..7311472c13 100644
--- a/client/app/css/main.css
+++ b/client/app/css/main.css
@@ -86,6 +86,11 @@ body {
   min-height: 20rem;
 }
 
+.block-user-input {
+  pointer-events: none;
+  user-select: none;
+}
+
 th .fa-solid,
 .fa-chevron-up,
 .fa-chevron-down {
diff --git a/client/app/src/pages/app/app.component.html b/client/app/src/pages/app/app.component.html
index 241108f445..3768612249 100644
--- a/client/app/src/pages/app/app.component.html
+++ b/client/app/src/pages/app/app.component.html
@@ -24,7 +24,7 @@ <h1>Error!</h1><br/> <br/>
     <div id="Loader"></div>
 </div>
 <ng-container *ngIf="appDataService.public.node">
-    <div [dir]="utilsService.getDirection(translate.currentLang)" class="reveal">
+    <div [dir]="utilsService.getDirection(translate.currentLang)" class="reveal" [ngClass]="{'public': isWhistleblowerPage(), 'block-user-input': showLoadingPanel}">
         <div *ngIf="authenticationService.session?.properties?.operator_session">
             <src-operation></src-operation>
         </div>