diff --git a/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorAlerts.razor b/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorAlerts.razor
index be2e504db..039cc3d56 100644
--- a/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorAlerts.razor
+++ b/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorAlerts.razor
@@ -43,7 +43,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorAll.razor b/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorAll.razor
index 5eca9a687..9a7ce03ea 100644
--- a/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorAll.razor
+++ b/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorAll.razor
@@ -35,7 +35,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorAutodiscoveryLog.razor b/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorAutodiscoveryLog.razor
index 37468f39e..bd350e8f6 100644
--- a/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorAutodiscoveryLog.razor
+++ b/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorAutodiscoveryLog.razor
@@ -36,7 +36,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorDailyChecks.razor b/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorDailyChecks.razor
index e1f2a9736..bbe376763 100644
--- a/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorDailyChecks.razor
+++ b/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorDailyChecks.razor
@@ -26,7 +26,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorImportLog.razor b/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorImportLog.razor
index ee3961d2d..e59180169 100644
--- a/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorImportLog.razor
+++ b/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorImportLog.razor
@@ -34,7 +34,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorImportStatus.razor b/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorImportStatus.razor
index a65163eda..cab276967 100644
--- a/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorImportStatus.razor
+++ b/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorImportStatus.razor
@@ -87,7 +87,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorUiLog.razor b/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorUiLog.razor
index 0e4f17e56..fe80500d8 100644
--- a/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorUiLog.razor
+++ b/roles/ui/files/FWO.UI/Pages/Monitoring/MonitorUiLog.razor
@@ -47,7 +47,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Request/DisplayAccessElements.razor b/roles/ui/files/FWO.UI/Pages/Request/DisplayAccessElements.razor
index 72ef97a7d..2eb7e0728 100644
--- a/roles/ui/files/FWO.UI/Pages/Request/DisplayAccessElements.razor
+++ b/roles/ui/files/FWO.UI/Pages/Request/DisplayAccessElements.razor
@@ -176,7 +176,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Request/RequestPlannings.razor b/roles/ui/files/FWO.UI/Pages/Request/RequestPlannings.razor
index 3e39bc5e9..e1b58d5b3 100644
--- a/roles/ui/files/FWO.UI/Pages/Request/RequestPlannings.razor
+++ b/roles/ui/files/FWO.UI/Pages/Request/RequestPlannings.razor
@@ -24,7 +24,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Request/RequestReviews.razor b/roles/ui/files/FWO.UI/Pages/Request/RequestReviews.razor
index a24f03f01..7fa3286dc 100644
--- a/roles/ui/files/FWO.UI/Pages/Request/RequestReviews.razor
+++ b/roles/ui/files/FWO.UI/Pages/Request/RequestReviews.razor
@@ -33,7 +33,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Settings/SettingsActions.razor b/roles/ui/files/FWO.UI/Pages/Settings/SettingsActions.razor
index 03ba1414f..8ab7e5a02 100644
--- a/roles/ui/files/FWO.UI/Pages/Settings/SettingsActions.razor
+++ b/roles/ui/files/FWO.UI/Pages/Settings/SettingsActions.razor
@@ -308,7 +308,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Settings/SettingsCustomizing.razor b/roles/ui/files/FWO.UI/Pages/Settings/SettingsCustomizing.razor
index 65bd80657..142f37eae 100644
--- a/roles/ui/files/FWO.UI/Pages/Settings/SettingsCustomizing.razor
+++ b/roles/ui/files/FWO.UI/Pages/Settings/SettingsCustomizing.razor
@@ -117,7 +117,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Settings/SettingsDefaults.razor b/roles/ui/files/FWO.UI/Pages/Settings/SettingsDefaults.razor
index bb1bf14de..3cb70ec6e 100644
--- a/roles/ui/files/FWO.UI/Pages/Settings/SettingsDefaults.razor
+++ b/roles/ui/files/FWO.UI/Pages/Settings/SettingsDefaults.razor
@@ -186,7 +186,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Settings/SettingsExternalWorkflow.razor b/roles/ui/files/FWO.UI/Pages/Settings/SettingsExternalWorkflow.razor
index 5cedace29..aeb7c7a3a 100644
--- a/roles/ui/files/FWO.UI/Pages/Settings/SettingsExternalWorkflow.razor
+++ b/roles/ui/files/FWO.UI/Pages/Settings/SettingsExternalWorkflow.razor
@@ -70,7 +70,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Settings/SettingsImport.razor b/roles/ui/files/FWO.UI/Pages/Settings/SettingsImport.razor
index 3336360ca..f76be5427 100644
--- a/roles/ui/files/FWO.UI/Pages/Settings/SettingsImport.razor
+++ b/roles/ui/files/FWO.UI/Pages/Settings/SettingsImport.razor
@@ -108,7 +108,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Settings/SettingsModelling.razor b/roles/ui/files/FWO.UI/Pages/Settings/SettingsModelling.razor
index a078db5d6..a3a1b2f75 100644
--- a/roles/ui/files/FWO.UI/Pages/Settings/SettingsModelling.razor
+++ b/roles/ui/files/FWO.UI/Pages/Settings/SettingsModelling.razor
@@ -236,7 +236,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 <PredefServices @bind-Display="predefServices"/>
diff --git a/roles/ui/files/FWO.UI/Pages/Settings/SettingsModellingPers.razor b/roles/ui/files/FWO.UI/Pages/Settings/SettingsModellingPers.razor
index bf08a1176..c73764689 100644
--- a/roles/ui/files/FWO.UI/Pages/Settings/SettingsModellingPers.razor
+++ b/roles/ui/files/FWO.UI/Pages/Settings/SettingsModellingPers.razor
@@ -40,7 +40,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Settings/SettingsOwner.razor b/roles/ui/files/FWO.UI/Pages/Settings/SettingsOwner.razor
index c5e6c8029..cae81da18 100644
--- a/roles/ui/files/FWO.UI/Pages/Settings/SettingsOwner.razor
+++ b/roles/ui/files/FWO.UI/Pages/Settings/SettingsOwner.razor
@@ -325,7 +325,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Settings/SettingsPasswordPolicy.razor b/roles/ui/files/FWO.UI/Pages/Settings/SettingsPasswordPolicy.razor
index 27718d6f6..417499e1c 100644
--- a/roles/ui/files/FWO.UI/Pages/Settings/SettingsPasswordPolicy.razor
+++ b/roles/ui/files/FWO.UI/Pages/Settings/SettingsPasswordPolicy.razor
@@ -63,7 +63,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Settings/SettingsRecertificationGen.razor b/roles/ui/files/FWO.UI/Pages/Settings/SettingsRecertificationGen.razor
index aa12c0006..7d3abe128 100644
--- a/roles/ui/files/FWO.UI/Pages/Settings/SettingsRecertificationGen.razor
+++ b/roles/ui/files/FWO.UI/Pages/Settings/SettingsRecertificationGen.razor
@@ -214,7 +214,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Settings/SettingsRecertificationPers.razor b/roles/ui/files/FWO.UI/Pages/Settings/SettingsRecertificationPers.razor
index bfa412c86..9ef8cf125 100644
--- a/roles/ui/files/FWO.UI/Pages/Settings/SettingsRecertificationPers.razor
+++ b/roles/ui/files/FWO.UI/Pages/Settings/SettingsRecertificationPers.razor
@@ -33,7 +33,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Settings/SettingsReport.razor b/roles/ui/files/FWO.UI/Pages/Settings/SettingsReport.razor
index 4e5b91975..52f6d521a 100644
--- a/roles/ui/files/FWO.UI/Pages/Settings/SettingsReport.razor
+++ b/roles/ui/files/FWO.UI/Pages/Settings/SettingsReport.razor
@@ -64,7 +64,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Settings/SettingsStateMatrix.razor b/roles/ui/files/FWO.UI/Pages/Settings/SettingsStateMatrix.razor
index 093e7fd9f..f3acab76e 100644
--- a/roles/ui/files/FWO.UI/Pages/Settings/SettingsStateMatrix.razor
+++ b/roles/ui/files/FWO.UI/Pages/Settings/SettingsStateMatrix.razor
@@ -230,7 +230,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Pages/Settings/SettingsStates.razor b/roles/ui/files/FWO.UI/Pages/Settings/SettingsStates.razor
index e2ae75715..c0b7e84d1 100644
--- a/roles/ui/files/FWO.UI/Pages/Settings/SettingsStates.razor
+++ b/roles/ui/files/FWO.UI/Pages/Settings/SettingsStates.razor
@@ -145,7 +145,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }
 
diff --git a/roles/ui/files/FWO.UI/Shared/RequestLayout.razor b/roles/ui/files/FWO.UI/Shared/RequestLayout.razor
index c239798b2..e29642c83 100644
--- a/roles/ui/files/FWO.UI/Shared/RequestLayout.razor
+++ b/roles/ui/files/FWO.UI/Shared/RequestLayout.razor
@@ -93,7 +93,7 @@
 else
 {
     <div class="spinner-border" role="status">
-        <span class="sr-only">@(userConfig.GetText("loading"))</span>
+        <span class="visually-hidden">@(userConfig.GetText("loading"))</span>
     </div>
 }