diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 000000000..cec9064c3
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1 @@
+src/ui/scss/component/_load-screen.scss
diff --git a/src/ui/scss/component/_load-screen.scss b/src/ui/scss/component/_load-screen.scss
index 301063874..25c0f856c 100644
--- a/src/ui/scss/component/_load-screen.scss
+++ b/src/ui/scss/component/_load-screen.scss
@@ -9,28 +9,62 @@
   overflow: hidden;
 
   css-doodle {
-    width: 100%;
-    height: 100%;
+    width: 100%; height: 100%;
 
     overflow: hidden;
     position: absolute;
 
-    --color: @p (var(--lbry-teal-1), var(--lbry-orange-1), var(--lbry-cyan-3), var(--lbry-pink-5));
+    --color: @p(var(--lbry-teal-1), var(--lbry-orange-1), var(--lbry-cyan-3), var(--lbry-pink-5));
 
     --rule: (
-      : doodle {@grid: 30x1 / 18vmin; --deg: @p (-180deg, 180deg) ;}: container {perspective: 30vmin;}: before,
-      : after {@place-cell: @r (100%) @r (100%) ; @shape: star; @size: @r (6px) ; background-color: var(--color) ;
-        content: '' ;} @place-cell: center; @size: 100%; animation: scale-up 12s linear infinite; animation-delay: calc(
-          -12s / @size () * @i ()
-        ) ; background-image: @m100 (
-          radial-gradient(var(--color) 50%, transparent 0) @r (-20%, 120%) @r (-20%, 100%) / 1px 1px no-repeat
-        ) ; box-shadow: @m2 (0 0 50px var(--color)) ; will-change: transform,
-      opacity; @keyframes scale-up {0%,
-      95.01%,
-      100% {opacity: 0; transform: translateZ(0) rotate(0) ;} 10% {opacity: 1;} 95% {transform: translateZ(35vmin) rotateZ(
-          @var (--deg)
-        ) ;}}
-    );
+      :doodle {
+        @grid: 30x1 / 18vmin;
+        --deg: @p(-180deg, 180deg);
+      }
+
+      :container {
+        perspective: 30vmin;
+      }
+
+      :before,
+      :after {
+        @place-cell: @r(100%) @r(100%);
+        @shape: star;
+        @size: @r(6px);
+        background-color: var(--color);
+        content: '';
+      }
+
+      @place-cell: center;
+      @size: 100%;
+
+      animation: scale-up 12s linear infinite;
+      animation-delay: calc(-12s / @size() * @i());
+      background-image: @m100(
+        radial-gradient(var(--color) 50%, transparent 0)
+        @r(-20%, 120%) @r(-20%, 100%) / 1px 1px
+        no-repeat
+      );
+      box-shadow: @m2(0 0 50px var(--color));
+      will-change: transform, opacity;
+
+      @keyframes scale-up {
+        0%,
+        95.01%,
+        100% {
+          opacity: 0;
+          transform: translateZ(0) rotate(0);
+        }
+
+        10% {
+          opacity: 1;
+        }
+
+        95% {
+          transform: translateZ(35vmin) rotateZ(@var(--deg));
+        }
+      }
+    )
   }
 }
 
@@ -76,8 +110,7 @@
 
 .load-screen__overlay {
   @include center;
-  width: 100vw;
-  height: 100vh;
+  width: 100vw; height: 100vh;
 
   color: $lbry-white;
   flex-direction: column;
@@ -109,6 +142,8 @@
   }
 }
 
+
+
 .load-screen--help {
   font-size: 14px;
   padding-top: $spacing-vertical;