diff --git a/ui-ngx/src/app/modules/home/components/ai-model/ai-model-dialog.component.html b/ui-ngx/src/app/modules/home/components/ai-model/ai-model-dialog.component.html
index 7c4d8a96a5..6802eaaf8b 100644
--- a/ui-ngx/src/app/modules/home/components/ai-model/ai-model-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/components/ai-model/ai-model-dialog.component.html
@@ -28,8 +28,7 @@
 @if (isLoading$ | async) {
   <mat-progress-bar color="warn" mode="indeterminate">
   </mat-progress-bar>
-}
-@if (!(isLoading$ | async)) {
+} @else {
   <div></div>
 }
 <div mat-dialog-content>
diff --git a/ui-ngx/src/app/modules/home/pages/mobile/applications/remove-app-dialog.component.html b/ui-ngx/src/app/modules/home/pages/mobile/applications/remove-app-dialog.component.html
index c35758d385..d02a692247 100644
--- a/ui-ngx/src/app/modules/home/pages/mobile/applications/remove-app-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/mobile/applications/remove-app-dialog.component.html
@@ -26,8 +26,7 @@
 @if (isLoading$ | async) {
   <mat-progress-bar color="warn" mode="indeterminate">
   </mat-progress-bar>
-}
-@if (!(isLoading$ | async)) {
+} @else {
   <div></div>
 }
 <div mat-dialog-content class="flex flex-col gap-4">
diff --git a/ui-ngx/src/app/modules/home/pages/mobile/bundes/mobile-bundle-dialog.component.html b/ui-ngx/src/app/modules/home/pages/mobile/bundes/mobile-bundle-dialog.component.html
index 11b137d6a9..738dd372b7 100644
--- a/ui-ngx/src/app/modules/home/pages/mobile/bundes/mobile-bundle-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/mobile/bundes/mobile-bundle-dialog.component.html
@@ -27,8 +27,7 @@
 </mat-toolbar>
 @if (isLoading$ | async) {
   <mat-progress-bar color="warn" mode="indeterminate"></mat-progress-bar>
-}
-@if (!(isLoading$ | async)) {
+} @else {
   <div></div>
 }
 <div mat-dialog-content class="xs:!p-0">
diff --git a/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/backup-code-auth-dialog.component.html b/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/backup-code-auth-dialog.component.html
index db8e6b1cae..bb0eace707 100644
--- a/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/backup-code-auth-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/backup-code-auth-dialog.component.html
@@ -27,8 +27,7 @@
 @if (isLoading$ | async) {
   <mat-progress-bar color="warn" mode="indeterminate">
   </mat-progress-bar>
-}
-@if (!(isLoading$ | async)) {
+} @else {
   <div style="height: 4px;"></div>
 }
 <div mat-dialog-content tb-toast class="backup-code">
diff --git a/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/email-auth-dialog.component.html b/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/email-auth-dialog.component.html
index 4a4e29ccf7..669fe49250 100644
--- a/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/email-auth-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/email-auth-dialog.component.html
@@ -27,8 +27,7 @@
 @if (isLoading$ | async) {
   <mat-progress-bar color="warn" mode="indeterminate">
   </mat-progress-bar>
-}
-@if (!(isLoading$ | async)) {
+} @else {
   <div style="height: 4px;"></div>
 }
 <div mat-dialog-content tb-toast style="padding: 0">
diff --git a/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/sms-auth-dialog.component.html b/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/sms-auth-dialog.component.html
index 88784ead77..fa4b78de70 100644
--- a/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/sms-auth-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/sms-auth-dialog.component.html
@@ -27,8 +27,7 @@
 @if (isLoading$ | async) {
   <mat-progress-bar color="warn" mode="indeterminate">
   </mat-progress-bar>
-}
-@if (!(isLoading$ | async)) {
+} @else {
   <div style="height: 4px;"></div>
 }
 <div mat-dialog-content tb-toast style="padding: 0">
diff --git a/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/totp-auth-dialog.component.html b/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/totp-auth-dialog.component.html
index df8b600841..39b4bf3762 100644
--- a/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/totp-auth-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/security/authentication-dialog/totp-auth-dialog.component.html
@@ -27,8 +27,7 @@
 @if (isLoading$ | async) {
   <mat-progress-bar color="warn" mode="indeterminate">
   </mat-progress-bar>
-}
-@if (!(isLoading$ | async)) {
+} @else {
   <div style="height: 4px;"></div>
 }
 <div mat-dialog-content tb-toast style="padding: 0">
diff --git a/ui-ngx/src/app/shared/components/image/embed-image-dialog.component.html b/ui-ngx/src/app/shared/components/image/embed-image-dialog.component.html
index c9446437b7..c5a1a749ef 100644
--- a/ui-ngx/src/app/shared/components/image/embed-image-dialog.component.html
+++ b/ui-ngx/src/app/shared/components/image/embed-image-dialog.component.html
@@ -27,8 +27,7 @@
 @if (isLoading$ | async) {
   <mat-progress-bar color="warn" mode="indeterminate">
   </mat-progress-bar>
-}
-@if (!(isLoading$ | async)) {
+} @else {
   <div style="height: 4px;"></div>
 }
 <div mat-dialog-content>