diff --git a/01-no-frills-react/src/style.css b/01-no-frills-react/src/style.css
index c1cf88bb..6373f98b 100644
--- a/01-no-frills-react/src/style.css
+++ b/01-no-frills-react/src/style.css
@@ -356,3 +356,11 @@ form .pet {
     transform: rotate(360deg);
   }
 }
+
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
diff --git a/02-js-tools/src/style.css b/02-js-tools/src/style.css
index c1cf88bb..6373f98b 100644
--- a/02-js-tools/src/style.css
+++ b/02-js-tools/src/style.css
@@ -356,3 +356,11 @@ form .pet {
     transform: rotate(360deg);
   }
 }
+
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
diff --git a/03-jsx/src/style.css b/03-jsx/src/style.css
index c1cf88bb..6373f98b 100644
--- a/03-jsx/src/style.css
+++ b/03-jsx/src/style.css
@@ -356,3 +356,11 @@ form .pet {
     transform: rotate(360deg);
   }
 }
+
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
diff --git a/04-hooks/src/style.css b/04-hooks/src/style.css
index c1cf88bb..6373f98b 100644
--- a/04-hooks/src/style.css
+++ b/04-hooks/src/style.css
@@ -356,3 +356,11 @@ form .pet {
     transform: rotate(360deg);
   }
 }
+
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
diff --git a/05-useeffect/src/style.css b/05-useeffect/src/style.css
index c1cf88bb..6373f98b 100644
--- a/05-useeffect/src/style.css
+++ b/05-useeffect/src/style.css
@@ -356,3 +356,11 @@ form .pet {
     transform: rotate(360deg);
   }
 }
+
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
diff --git a/06-custom-hooks/src/style.css b/06-custom-hooks/src/style.css
index c1cf88bb..6373f98b 100644
--- a/06-custom-hooks/src/style.css
+++ b/06-custom-hooks/src/style.css
@@ -356,3 +356,11 @@ form .pet {
     transform: rotate(360deg);
   }
 }
+
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
diff --git a/07-component-composition/src/style.css b/07-component-composition/src/style.css
index c1cf88bb..6373f98b 100644
--- a/07-component-composition/src/style.css
+++ b/07-component-composition/src/style.css
@@ -356,3 +356,11 @@ form .pet {
     transform: rotate(360deg);
   }
 }
+
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
diff --git a/08-react-router/src/style.css b/08-react-router/src/style.css
index c1cf88bb..6373f98b 100644
--- a/08-react-router/src/style.css
+++ b/08-react-router/src/style.css
@@ -356,3 +356,11 @@ form .pet {
     transform: rotate(360deg);
   }
 }
+
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
diff --git a/09-react-query/src/style.css b/09-react-query/src/style.css
index 2a4782c1..36ac7e13 100644
--- a/09-react-query/src/style.css
+++ b/09-react-query/src/style.css
@@ -357,3 +357,11 @@ form .pet {
   }
 }
 
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
+
diff --git a/10-uncontrolled-forms/src/style.css b/10-uncontrolled-forms/src/style.css
index 2a4782c1..36ac7e13 100644
--- a/10-uncontrolled-forms/src/style.css
+++ b/10-uncontrolled-forms/src/style.css
@@ -357,3 +357,11 @@ form .pet {
   }
 }
 
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
+
diff --git a/11-class-components/src/style.css b/11-class-components/src/style.css
index 2a4782c1..36ac7e13 100644
--- a/11-class-components/src/style.css
+++ b/11-class-components/src/style.css
@@ -357,3 +357,11 @@ form .pet {
   }
 }
 
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
+
diff --git a/12-error-boundaries/src/style.css b/12-error-boundaries/src/style.css
index 2a4782c1..36ac7e13 100644
--- a/12-error-boundaries/src/style.css
+++ b/12-error-boundaries/src/style.css
@@ -357,3 +357,11 @@ form .pet {
   }
 }
 
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
+
diff --git a/13-portals-and-refs/src/style.css b/13-portals-and-refs/src/style.css
index 2a4782c1..36ac7e13 100644
--- a/13-portals-and-refs/src/style.css
+++ b/13-portals-and-refs/src/style.css
@@ -357,3 +357,11 @@ form .pet {
   }
 }
 
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
+
diff --git a/14-context/src/style.css b/14-context/src/style.css
index 2a4782c1..36ac7e13 100644
--- a/14-context/src/style.css
+++ b/14-context/src/style.css
@@ -357,3 +357,11 @@ form .pet {
   }
 }
 
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
+
diff --git a/code-splitting/src/style.css b/code-splitting/src/style.css
index 2a4782c1..36ac7e13 100644
--- a/code-splitting/src/style.css
+++ b/code-splitting/src/style.css
@@ -357,3 +357,11 @@ form .pet {
   }
 }
 
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
+}
+
diff --git a/server-side-rendering/src/style.css b/server-side-rendering/src/style.css
index 174b002d..e7c348bc 100644
--- a/server-side-rendering/src/style.css
+++ b/server-side-rendering/src/style.css
@@ -355,4 +355,12 @@ form .pet {
   to {
     transform: rotate(360deg);
   }
+}
+
+.mini.loading-pane {
+  height: 34px;
+}
+
+.mini .loader {
+  font-size: 34px;
 }
\ No newline at end of file