diff --git a/src/SIL.XForge.Scripture/ClientApp/src/app/checking/import-questions-dialog/import-questions-dialog.component.html b/src/SIL.XForge.Scripture/ClientApp/src/app/checking/import-questions-dialog/import-questions-dialog.component.html
index 3eb40ba3ad7..c4246ee6501 100644
--- a/src/SIL.XForge.Scripture/ClientApp/src/app/checking/import-questions-dialog/import-questions-dialog.component.html
+++ b/src/SIL.XForge.Scripture/ClientApp/src/app/checking/import-questions-dialog/import-questions-dialog.component.html
@@ -49,9 +49,7 @@ <h2 mat-dialog-title class="dialog-icon-title">
                   </button>
                   <a mat-button [href]="urls.transceleratorImportHelpPage" target="_blank">{{ t("learn_more") }}</a>
                   @if (transceleratorRequest.status === "offline") {
-                    <mat-error>
-                      {{ t("no_import_offline", { method: "Transcelerator" }) }}
-                    </mat-error>
+                    <span class="offline-text"> {{ t("no_import_offline", { method: "Transcelerator" }) }} </span>
                   } @else if (transceleratorRequest.status === "trying" && transceleratorRequest.failedAttempts > 0) {
                     <mat-error>
                       {{ t("network_error_transcelerator", { count: transceleratorRequest.failedAttempts }) }}
@@ -113,9 +111,7 @@ <h2 mat-dialog-title class="dialog-icon-title">
                   </button>
                   <a mat-button [href]="urls.paratextImportHelpPage" target="_blank">{{ t("learn_more") }}</a>
                   @if (!isOnline) {
-                    <mat-error>
-                      {{ t("no_import_offline", { method: "Paratext" }) }}
-                    </mat-error>
+                    <span class="offline-text"> {{ t("no_import_offline", { method: "Paratext" }) }} </span>
                   }
                 </mat-card-actions>
               </mat-card>