fix: make loading spinner smaller

components/LoadingSpinner/loading.module.css

@@ -2,18 +2,18 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 200px;
+  height: 100px;
 }
 
 .spinner {
   display: inline-block;
   position: relative;
-  width: 80px;
+  width: 40px;
-  height: 80px;
+  height: 40px;
 }
 
 .spinner div {
-  transform-origin: 40px 40px;
+  transform-origin: 20px 20px;
   animation: spinnerAnimation 1.2s linear infinite;
 }
 
@@ -21,10 +21,10 @@
   content: " ";
   display: block;
   position: absolute;
-  top: 3px;
+  top: 1.5px;
-  left: 37px;
+  left: 18.5px;
-  width: 6px;
+  width: 3px;
-  height: 18px;
+  height: 9px;
   border-radius: 20%;
   background: var(--Brand-Main-Strong);
 }

components/MyPages/Blocks/Benefits/CurrentLevel/current.module.css

@@ -38,5 +38,4 @@
   text-decoration: none;
   text-align: center;
   color: var(--Theme-Primary-Light-On-Surface-Text);
-  aspect-ratio: 1/1;
 }

components/TempDesignSystem/CardGrid/cardGrid.module.css

@@ -42,7 +42,7 @@
   }
 
   .treeColumnGrid {
-    grid-template-columns: repeat(3, minmax(30rem, 1fr));
+    grid-template-columns: repeat(3, 1fr);
   }
 
   .carousel {