diff --git a/Plan/common/src/main/resources/assets/plan/web/css/style.css b/Plan/common/src/main/resources/assets/plan/web/css/style.css
index d28fc2611..b6f1221f2 100644
--- a/Plan/common/src/main/resources/assets/plan/web/css/style.css
+++ b/Plan/common/src/main/resources/assets/plan/web/css/style.css
@@ -24,6 +24,10 @@
     animation: loader 2s infinite ease;
 }
 
+.card span.loader {
+    margin-top: 4rem;
+}
+
 .loader-text {
     margin-top: 0.5rem;
 }
diff --git a/Plan/common/src/main/resources/assets/plan/web/network.html b/Plan/common/src/main/resources/assets/plan/web/network.html
index a01739b25..60629a83a 100644
--- a/Plan/common/src/main/resources/assets/plan/web/network.html
+++ b/Plan/common/src/main/resources/assets/plan/web/network.html
@@ -492,7 +492,7 @@
                                             class="fas fa-fw fa-chart-line col-amber"></i>
                                         Playerbase development</h6>
                                 </div>
-                                <div class="chart-area" id="activityStackGraph"></div>
+                                <div class="chart-area" id="activityStackGraph"><span class="loader"></span></div>
                             </div>
                         </div>
 
@@ -504,7 +504,7 @@
                                             class="fa fa-fw fa-users col-amber"></i>
                                         Current Playerbase</h6>
                                 </div>
-                                <div class="chart-area" id="activityPie"></div>
+                                <div class="chart-area" id="activityPie"><span class="loader"></span></div>
                             </div>
                         </div>
                     </div>
@@ -624,7 +624,7 @@
                                             Join Addresses
                                         </h6>
                                     </div>
-                                    <div class="chart-area" id="joinAddressPie"></div>
+                                    <div class="chart-area" id="joinAddressPie"><span class="loader"></span></div>
                                 </div>
                             </div>
                         </div>
diff --git a/Plan/common/src/main/resources/assets/plan/web/player.html b/Plan/common/src/main/resources/assets/plan/web/player.html
index 516c6dc66..e31802b8b 100644
--- a/Plan/common/src/main/resources/assets/plan/web/player.html
+++ b/Plan/common/src/main/resources/assets/plan/web/player.html
@@ -250,6 +250,7 @@
                                         Punchcard</h6>
                                 </div>
                                 <div class="chart-area" id="punchCard">
+                                    <span class="loader"></span>
                                 </div>
                             </div>
                             <div class="card shadow mb-4">
@@ -332,7 +333,8 @@
                                             class="far fa-fw fa-calendar-alt col-teal"></i>
                                         Session Calendar</h6>
                                 </div>
-                                <div class="chart-area" id="sessionCalendar" style="height: 510px;"></div>
+                                <div class="chart-area" id="sessionCalendar" style="height: 510px;"><span
+                                        class="loader"></span></div>
                             </div>
 
                             <!-- Most Recent Sessions -->
diff --git a/Plan/common/src/main/resources/assets/plan/web/server.html b/Plan/common/src/main/resources/assets/plan/web/server.html
index 634ea425f..d2d5019ec 100644
--- a/Plan/common/src/main/resources/assets/plan/web/server.html
+++ b/Plan/common/src/main/resources/assets/plan/web/server.html
@@ -747,7 +747,7 @@
                                             class="fas fa-fw fa-chart-line col-amber"></i>
                                         Playerbase development</h6>
                                 </div>
-                                <div class="chart-area" id="activityStackGraph"></div>
+                                <div class="chart-area" id="activityStackGraph"><span class="loader"></span></div>
                             </div>
                         </div>
 
@@ -759,7 +759,7 @@
                                             class="fa fa-fw fa-users col-amber"></i>
                                         Current Playerbase</h6>
                                 </div>
-                                <div class="chart-area" id="activityPie"></div>
+                                <div class="chart-area" id="activityPie"><span class="loader"></span></div>
                             </div>
                         </div>
                     </div>
@@ -876,7 +876,7 @@
                                         Join Addresses
                                     </h6>
                                 </div>
-                                <div class="chart-area" id="joinAddressPie"></div>
+                                <div class="chart-area" id="joinAddressPie"><span class="loader"></span></div>
                             </div>
                         </div>
                     </div>