diff --git a/Display/src/app/components/dashboard/dashboard.component.html b/Display/src/app/components/dashboard/dashboard.component.html
index 792fac1..9d5edd2 100644
--- a/Display/src/app/components/dashboard/dashboard.component.html
+++ b/Display/src/app/components/dashboard/dashboard.component.html
@@ -11,13 +11,22 @@
     </header>
     <gridster [options]="options">
         <gridster-item [item]="dashboard[0]">
-            <app-weather-current></app-weather-current>
+            <div class="dashboard-item-header">Weather</div>
+            <div class="dashboard-item-content">
+                <app-weather-current></app-weather-current>
+            </div>
         </gridster-item>
         <gridster-item [item]="dashboard[1]">
-            <app-laundry></app-laundry>
+            <div class="dashboard-item-header">Laundry</div>
+            <div class="dashboard-item-content">
+                <app-laundry></app-laundry>
+            </div>
         </gridster-item>
         <gridster-item [item]="dashboard[2]">
-            <app-pressure-trend></app-pressure-trend>
+            <div class="dashboard-item-header">Pressure Trend</div>
+            <div class="dashboard-item-content">
+                <app-pressure-trend></app-pressure-trend>
+            </div>
         </gridster-item>
     </gridster>
 </div>
diff --git a/Display/src/app/components/dashboard/dashboard.component.scss b/Display/src/app/components/dashboard/dashboard.component.scss
index 2e497ed..18f0de8 100644
--- a/Display/src/app/components/dashboard/dashboard.component.scss
+++ b/Display/src/app/components/dashboard/dashboard.component.scss
@@ -15,3 +15,14 @@ gridster {
   flex: 0 0 auto;
   text-align: right;
 }
+
+.dashboard-item-header {
+  color: white;
+  background-color: #673ab7;
+  padding: 10px;
+}
+
+.dashboard-item-content {
+    border: 1px solid lightgray;
+    height: calc(100% - 41px);
+}
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 500a69d..e46fcc0 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 +1,3 @@
-<mat-icon id="pressure-arrow" *ngIf="pressureDifference !== null" [ngClass]="rotationClass()">arrow_right_alt</mat-icon>
+<div class="pressure-trend-container">
+    <mat-icon id="pressure-arrow" *ngIf="pressureDifference !== null" [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 2866c31..293ef45 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,3 +1,7 @@
+.pressure-trend-container {
+  height: calc(100% - 40px);
+}
+
 #pressure-arrow {
   position: relative;
   top: 50%;