Use mat-label instead of placeholder, explicitly set label to float.

src/app/degree-planner/degree-planner.component.html

@@ -18,7 +18,8 @@
           fxLayoutAlign="start center"
           style="margin: 24px 0px 24px 24px;">
           <h1 class="sr-only" tabindex="0">Degree Planner</h1>
-          <mat-form-field class="degree-plans-form-field">
+          <mat-form-field class="degree-plans-form-field" floatLabel="always">
+            <mat-label>Degree Plans</mat-label>
             <mat-select
               aria-label="Degree plans list"
               [disabled]="isLoadingPlan$ | async"