diff --git a/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Dialogs/NodeBrowserDialog.razor b/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Dialogs/NodeBrowserDialog.razor
index d3bee874..023a2a99 100644
--- a/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Dialogs/NodeBrowserDialog.razor
+++ b/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Dialogs/NodeBrowserDialog.razor
@@ -6,7 +6,7 @@
 
 @if (_isVisible)
 {
-    <div class="modal show d-block" tabindex="-1" role="dialog" style="background-color: rgba(0,0,0,0.5);">
+    <div class="modal show d-block sb-modal-backdrop" tabindex="-1" role="dialog">
         <div class="modal-dialog modal-xl" role="document">
             <div class="modal-content">
                 <div class="modal-header">
diff --git a/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Dialogs/TestBindingsDialog.razor b/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Dialogs/TestBindingsDialog.razor
index 2da15c86..6b7eef10 100644
--- a/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Dialogs/TestBindingsDialog.razor
+++ b/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Dialogs/TestBindingsDialog.razor
@@ -4,7 +4,7 @@
 
 @if (_isVisible)
 {
-    <div class="modal show d-block" tabindex="-1" role="dialog" style="background-color: rgba(0,0,0,0.5);">
+    <div class="modal show d-block sb-modal-backdrop" tabindex="-1" role="dialog">
         <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
             <div class="modal-content">
                 <div class="modal-header">
diff --git a/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/CreateAreaDialog.razor b/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/CreateAreaDialog.razor
index 2b2e867a..3e7ea78b 100644
--- a/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/CreateAreaDialog.razor
+++ b/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/CreateAreaDialog.razor
@@ -1,6 +1,6 @@
 @if (IsVisible)
 {
-    <div class="modal show d-block" tabindex="-1" style="background: rgba(0,0,0,0.4);">
+    <div class="modal show d-block sb-modal-backdrop" tabindex="-1">
         <div class="modal-dialog">
             <div class="modal-content">
                 <div class="modal-header">
diff --git a/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/InstanceConfigure.razor b/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/InstanceConfigure.razor
index 81c9da9d..ea0d6aed 100644
--- a/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/InstanceConfigure.razor
+++ b/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/InstanceConfigure.razor
@@ -366,7 +366,7 @@
         @* Override edit modal *@
         @if (_editingAlarm != null)
         {
-            <div class="modal show d-block" tabindex="-1" style="background: rgba(0,0,0,0.4);">
+            <div class="modal show d-block sb-modal-backdrop" tabindex="-1">
                 <div class="modal-dialog modal-dialog-scrollable modal-lg">
                     <div class="modal-content">
                         <div class="modal-header">
diff --git a/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/MoveAreaDialog.razor b/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/MoveAreaDialog.razor
index 86f3ebcf..cfddd5d5 100644
--- a/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/MoveAreaDialog.razor
+++ b/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/MoveAreaDialog.razor
@@ -1,6 +1,6 @@
 @if (IsVisible)
 {
-    <div class="modal show d-block" tabindex="-1" style="background: rgba(0,0,0,0.4);">
+    <div class="modal show d-block sb-modal-backdrop" tabindex="-1">
         <div class="modal-dialog">
             <div class="modal-content">
                 <div class="modal-header">
diff --git a/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/MoveInstanceDialog.razor b/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/MoveInstanceDialog.razor
index e878736f..9e414942 100644
--- a/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/MoveInstanceDialog.razor
+++ b/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Deployment/MoveInstanceDialog.razor
@@ -1,6 +1,6 @@
 @if (IsVisible)
 {
-    <div class="modal show d-block" tabindex="-1" style="background: rgba(0,0,0,0.4);">
+    <div class="modal show d-block sb-modal-backdrop" tabindex="-1">
         <div class="modal-dialog">
             <div class="modal-content">
                 <div class="modal-header">
diff --git a/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Design/TemplateEdit.razor b/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Design/TemplateEdit.razor
index 24aef82c..44a2432f 100644
--- a/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Design/TemplateEdit.razor
+++ b/src/ZB.MOM.WW.ScadaBridge.CentralUI/Components/Pages/Design/TemplateEdit.razor
@@ -694,7 +694,7 @@
         @if (_showAttrForm)
         {
             var editing = _editAttrId.HasValue;
-            <div class="modal show d-block" tabindex="-1" style="background: rgba(0,0,0,0.4);">
+            <div class="modal show d-block sb-modal-backdrop" tabindex="-1">
                 <div class="modal-dialog modal-dialog-scrollable">
                     <div class="modal-content">
                         <div class="modal-header">
@@ -954,7 +954,7 @@
         @if (_showAlarmForm)
         {
             var editing = _editAlarmId.HasValue;
-            <div class="modal show d-block" tabindex="-1" style="background: rgba(0,0,0,0.4);">
+            <div class="modal show d-block sb-modal-backdrop" tabindex="-1">
                 <div class="modal-dialog modal-dialog-scrollable">
                     <div class="modal-content">
                         <div class="modal-header">
@@ -1077,7 +1077,7 @@
         @if (_showNativeSourceForm)
         {
             var editing = _editNativeSourceId.HasValue;
-            <div class="modal d-block" tabindex="-1" style="background: rgba(0,0,0,.5);">
+            <div class="modal d-block sb-modal-backdrop" tabindex="-1">
                 <div class="modal-dialog">
                     <div class="modal-content">
                         <div class="modal-header">
@@ -1299,7 +1299,7 @@
         @if (_showScriptForm)
         {
             var editingScript = _editScriptId.HasValue;
-            <div class="modal show d-block" tabindex="-1" style="background: rgba(0,0,0,0.4);">
+            <div class="modal show d-block sb-modal-backdrop" tabindex="-1">
                 <div class="modal-dialog modal-dialog-scrollable script-editor-modal">
                     <div class="modal-content">
                         <div class="modal-header">