Transition: Don't animate height

So use a background div to squeeze and move other elements as well

src/style/_animations.scss

@@ -7,13 +7,35 @@
     left: 0;
     width: 100%;
     height: 100%;
-    z-index: 1000;
+    z-index: 10000;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
-    background-color: $color-primary;
-    will-change: height, transform, padding-top, padding-bottom;
+    will-change: transform;
+
+    // Content
+    &__loader {
+        position: relative;
+        z-index: 2;
+    }
+
+    // Background
+    &__background {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color: $color-primary;
+        transform-origin: 50% 0;
+        will-change: transform;
+    }
+
+    // Hidden
+    &.hidden {
+        display: none;
+    }
 }