diff --git a/app/src/styles/layout/loading.scss b/app/src/styles/layout/loading.scss
index 5b4fe12..ff4cd5f 100644
--- a/app/src/styles/layout/loading.scss
+++ b/app/src/styles/layout/loading.scss
@@ -1,102 +1,106 @@
-@use "../abstracts/variables" as *;
-@use "../abstracts/mixins" as *;
-
-.loading-wrapper {
-  height: 100vh;
-  width: 100vw;
-  background: var(--background-color-solid);
-
-  &.comparisionLoading {
-
-    position: fixed;
-    top: 0;
-    right: 0;
-
-    height: 100vh;
-    width: 50vw;
-  }
-
-  .loading-container {
-    position: relative;
-    height: 100%;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: space-between;
-    padding: 28px;
-    z-index: 5;
-
-    &::after {
-      content: "";
-      position: absolute;
-      background: var(--faint-gradient-color);
-      height: 50vh;
-      width: 50vw;
-      top: 0;
-      left: 0;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      border-radius: #{$border-radius-circle};
-      filter: blur(200px);
-      z-index: -1;
-    }
-
-    .project-name {
-      font-size: var(--font-size-regular);
-    }
-
-    .loading-hero-container {
-      .logo {
-        @include flex-center;
-        width: 100%;
-        margin-bottom: 35px;
-
-        circle {
-          fill: transparent;
-        }
-      }
-
-      .content {
-        font-family: #{$font-josefin-sans};
-        font-size: #{$xxlarge};
-        font-weight: #{$thin-weight};
-        max-width: 250px;
-        text-align: center;
-        line-height: 2rem;
-      }
-    }
-
-    .progress-container {
-      width: 100%;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-
-      .progress-value {
-        font-family: #{$font-josefin-sans};
-        font-weight: #{$thin-weight};
-        font-size: 96px;
-        margin-bottom: 22px;
-        text-align: center;
-      }
-
-      .progress-indicator-container {
-        height: 6px;
-        width: 60%;
-        background: var(--highlight-accent-color);
-        border-radius: #{$border-radius-small};
-        position: relative;
-
-        .progress-bar {
-          height: 6px;
-          background: var(--accent-color);
-          border-radius: #{$border-radius-small};
-          transition: width 0.2 ease;
-        }
-      }
-    }
-  }
+@use "../abstracts/variables" as *;
+@use "../abstracts/mixins" as *;
+
+.loading-wrapper {
+  height: 100vh;
+  width: 100vw;
+  background: var(--background-color-solid);
+
+  &.comparisionLoading {
+
+    position: fixed;
+    top: 0;
+    right: 0;
+
+    height: 100vh;
+    width: 50vw;
+  }
+
+  .loading-container {
+    position: relative;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    padding: 28px;
+    z-index: 5;
+
+    &::after {
+      content: "";
+      position: absolute;
+      background: var(--faint-gradient-color);
+      height: 50vh;
+      width: 50vw;
+      top: 0;
+      left: 0;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      border-radius: #{$border-radius-circle};
+      filter: blur(200px);
+      z-index: -1;
+    }
+
+    .project-name {
+      font-size: var(--font-size-regular);
+    }
+
+    .loading-hero-container {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-direction: column;
+      .logo {
+        @include flex-center;
+        width: 100%;
+        margin-bottom: 35px;
+
+        circle {
+          fill: transparent;
+        }
+      }
+
+      .content {
+        font-family: #{$font-josefin-sans};
+        font-size: #{$xxlarge};
+        font-weight: #{$thin-weight};
+        max-width: 250px;
+        text-align: center;
+        line-height: 2rem;
+      }
+    }
+
+    .progress-container {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+
+      .progress-value {
+        font-family: #{$font-josefin-sans};
+        font-weight: #{$thin-weight};
+        font-size: 96px;
+        margin-bottom: 22px;
+        text-align: center;
+      }
+
+      .progress-indicator-container {
+        height: 6px;
+        width: 60%;
+        background: var(--highlight-accent-color);
+        border-radius: #{$border-radius-small};
+        position: relative;
+
+        .progress-bar {
+          height: 6px;
+          background: var(--accent-color);
+          border-radius: #{$border-radius-small};
+          transition: width 0.2 ease;
+        }
+      }
+    }
+  }
 }
\ No newline at end of file