diff --git a/src/scss/components/_loading.scss b/src/scss/components/_loading.scss
new file mode 100644
index 0000000..f67e1d3
--- /dev/null
+++ b/src/scss/components/_loading.scss
@@ -0,0 +1,26 @@
+.loading-wrapper {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+
+    .loading {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        z-index: 1;
+    }
+
+    &:before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color: #04040421;
+        z-index: 0;
+    }
+}
\ No newline at end of file
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index a632e31..e8826ba 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -8,6 +8,7 @@
     'components/sidebar',
     'components/field',
     'components/field-tags',
+    'components/loading',
     'components/buttons',
     'components/icons';