diff --git a/src/app/degree-planner/degree-planner-view/degree-planner-view.component.html b/src/app/degree-planner/degree-planner-view/degree-planner-view.component.html
index 3406c957f6cd2008b607fcf3618a3f04e13018b2..71e0ee864306ce31f9b6f2d519488a1ca90ba7d8 100644
--- a/src/app/degree-planner/degree-planner-view/degree-planner-view.component.html
+++ b/src/app/degree-planner/degree-planner-view/degree-planner-view.component.html
@@ -19,10 +19,10 @@
           fxLayoutGap="20px"
           fxLayoutAlign="start center"
           style="margin: 24px 0px 24px 24px;">
-          <h1 class="sr-only" id="maincontent">Degree Planner</h1>
           <mat-form-field class="degree-plans-form-field" floatLabel="always">
             <mat-label>Degree Plans</mat-label>
             <mat-select
+              id="maincontent"
               attr.aria-label="Degree plans list - {{ degreePlan.name }} selected"
               [disabled]="isLoadingPlan$ | async"
               placeholder="Degree Plans list"