diff --git a/src/interface/src/app/plan/plan.component.html b/src/interface/src/app/plan/plan.component.html
index 694b04765..d7c8c1843 100644
--- a/src/interface/src/app/plan/plan.component.html
+++ b/src/interface/src/app/plan/plan.component.html
@@ -31,7 +31,7 @@
       </div>
     </div>
     <div *appFeatureFlag="'new_planning_area'">
-      <div class="plan-summary-panel" *ngIf="showOverview$ | async">
+      <div class="plan-summary-panel full-height" *ngIf="showOverview$ | async">
         <app-area-notes [plan]="plan"></app-area-notes>
       </div>
     </div>
diff --git a/src/interface/src/app/plan/plan.component.scss b/src/interface/src/app/plan/plan.component.scss
index 157cfa13c..2719a42a5 100644
--- a/src/interface/src/app/plan/plan.component.scss
+++ b/src/interface/src/app/plan/plan.component.scss
@@ -13,12 +13,17 @@
   box-sizing: border-box;
   display: block;
   width: 300px;
-  height: 100%;
+
   ::ng-deep .mat-tab-body-wrapper {
     height: 100%;
   }
+
 }
 
+//feature flagged style
+.full-height {
+    height: 100%;
+}
 
 .plan-progress-panel {
   background-color: white;