diff --git a/Display/src/app/components/weather/pressure-trend/pressure-trend.component.html b/Display/src/app/components/weather/pressure-trend/pressure-trend.component.html
index e46fcc0..7ddcb9e 100644
--- a/Display/src/app/components/weather/pressure-trend/pressure-trend.component.html
+++ b/Display/src/app/components/weather/pressure-trend/pressure-trend.component.html
@@ -1,3 +1,6 @@
-<div class="pressure-trend-container">
-    <mat-icon id="pressure-arrow" *ngIf="pressureDifference !== null" [ngClass]="rotationClass()">arrow_right_alt</mat-icon>
+<div class="pressure-trend-container pressure-trend-loading" *ngIf="pressureDifference === null">
+    Loading...
+</div>
+<div class="pressure-trend-container" *ngIf="pressureDifference !== null">
+    <mat-icon id="pressure-arrow" [ngClass]="rotationClass()">arrow_right_alt</mat-icon>
 </div>
diff --git a/Display/src/app/components/weather/pressure-trend/pressure-trend.component.scss b/Display/src/app/components/weather/pressure-trend/pressure-trend.component.scss
index 293ef45..3146bcb 100644
--- a/Display/src/app/components/weather/pressure-trend/pressure-trend.component.scss
+++ b/Display/src/app/components/weather/pressure-trend/pressure-trend.component.scss
@@ -1,5 +1,10 @@
 .pressure-trend-container {
-  height: calc(100% - 40px);
+  height: calc(100% - 20px);
+}
+
+.pressure-trend-loading {
+    font-size: 14px;
+    padding: 10px;
 }
 
 #pressure-arrow {