diff --git a/client/assets/styles/scss/index.scss b/client/assets/styles/scss/index.scss
index f11768259..2f0dff523 100755
--- a/client/assets/styles/scss/index.scss
+++ b/client/assets/styles/scss/index.scss
@@ -127,6 +127,7 @@
 @import "modals/modals-sheets";
 
 // modal specific
+@import "modals/modals-backdrop-error";
 @import "modals/modals-backup";
 @import "modals/modals-branch-setup";
 @import "modals/modals-confirm-setup";
diff --git a/client/assets/styles/scss/modals/modals-backdrop-error.scss b/client/assets/styles/scss/modals/modals-backdrop-error.scss
new file mode 100644
index 000000000..e50fbc58e
--- /dev/null
+++ b/client/assets/styles/scss/modals/modals-backdrop-error.scss
@@ -0,0 +1,7 @@
+.modal-backdrop-error {
+  display: none;
+
+  &.in {
+    display: flex;
+  }
+}
diff --git a/layout.jade b/layout.jade
index 4e098322c..bd323fa5e 100644
--- a/layout.jade
+++ b/layout.jade
@@ -150,8 +150,16 @@ html(
 
     .spinner-wrapper.spinner-md.spinner-purple.spinner-backdrop.spinner-fixed.in(
       ng-if = "!dataApp"
-      ng-include = "'spinner'"
     )
+      svg.spinner(
+        viewbox = '0 0 16 16'
+      )
+        circle.path(
+          cx = '8'
+          cy = '8'
+          r = '7'
+          stroke-linecap = 'round'
+        )
 
     //- page
     .layout-wrapper(
@@ -159,7 +167,8 @@ html(
     )
 
     //- error modal
-    .modal-backdrop.modal-backdrop-error.in(
+    .modal-backdrop.modal-backdrop-error(
+      ng-class = "{'in': dataApp.data.modalError.data.in}"
       ng-click = "$event.stopPropagation()"
       ng-if = "dataApp.data.modalError.data.in"
     )