diff --git a/src/app/degree-planner/degree-planner.component.html b/src/app/degree-planner/degree-planner.component.html
index 95d514205535658f165b6ba6ad7b183735d38ab8..d528e71ff6f3ca1e631a1fab77727a5579ae9c77 100644
--- a/src/app/degree-planner/degree-planner.component.html
+++ b/src/app/degree-planner/degree-planner.component.html
@@ -1,6 +1,6 @@
 <mat-sidenav-container id="plans-container">
 
-	<mat-sidenav #sidenav position="end" mode="side" disableClose>
+	<mat-sidenav #sidenav position="end" mode="side" [opened]=true disableClose>
 		<app-sidenav-menu-item></app-sidenav-menu-item>
 	</mat-sidenav>
 
diff --git a/src/app/degree-planner/degree-planner.component.scss b/src/app/degree-planner/degree-planner.component.scss
index f662b5b21ae2aa6d0fa4f4d3360c97ddc062cc91..97d746be70a7e7c158e63337d31868667b4e6242 100644
--- a/src/app/degree-planner/degree-planner.component.scss
+++ b/src/app/degree-planner/degree-planner.component.scss
@@ -1,35 +1,35 @@
 #plans-container {
-    height: 100vh;
+	height: 100vh;
 }
 
 mat-sidenav {
-    width: 280px;
+	width: 280px;
 }
 
 .term-container {
-    background-color: #E1E1E1;
+	background-color: #E1E1E1;
 }
 
 .term-container h2 {
-    color: #2879A8;
-    font-weight: 400;
+	color: #2879A8;
+	font-weight: 400;
 }
 
 #menu-toggle-btn {
-    position: absolute;
-    right: 0px;
-    top: 20px;
-    border-radius: 50% 0 0 50%;
-    padding: 8px;
-    background-color: #F0F0F0;
+	position: absolute;
+	right: 0px;
+	top: 20px;
+	border-radius: 50% 0 0 50%;
+	padding: 8px;
+	background-color: #F0F0F0;
 }
 
 @media screen and (max-width: 600px) {
-    #menu-toggle-btn {
-        position: relative;
-        top: 0;
-        right: 0;
-        border-radius: 50%;
-        padding: 12px;
-    }
+	#menu-toggle-btn {
+		position: relative;
+		top: 0;
+		right: 0;
+		border-radius: 50%;
+		padding: 12px;
+	}
 }
\ No newline at end of file
diff --git a/src/app/degree-planner/degree-planner.module.ts b/src/app/degree-planner/degree-planner.module.ts
index 4f4996f54c144b6ce908e99b00dfc02c0f0846d0..53ae7301354c9dbc5dbed02618a89c2f5efb32b0 100644
--- a/src/app/degree-planner/degree-planner.module.ts
+++ b/src/app/degree-planner/degree-planner.module.ts
@@ -12,7 +12,6 @@ import { SidenavMenuItemComponent } from './sidenav-menu-item/sidenav-menu-item.
 		SharedModule,
 		DegreePlannerRoutingModule
 	],
-
 	declarations: [
 		DegreePlannerComponent,
 		TermContainerComponent,
diff --git a/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.spec.ts b/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.spec.ts
index 22c81859e22c2d79d68ffab4427abcbbd676e21c..54b0fec2e70473006332c9ac496e587cf20b7e84 100644
--- a/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.spec.ts
+++ b/src/app/degree-planner/sidenav-menu-item/sidenav-menu-item.component.spec.ts
@@ -3,23 +3,23 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { SidenavMenuItemComponent } from './sidenav-menu-item.component';
 
 describe('SidenavMenuItemComponent', () => {
-  let component: SidenavMenuItemComponent;
-  let fixture: ComponentFixture<SidenavMenuItemComponent>;
+	let component: SidenavMenuItemComponent;
+	let fixture: ComponentFixture<SidenavMenuItemComponent>;
 
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ SidenavMenuItemComponent ]
-    })
-    .compileComponents();
-  }));
+	beforeEach(async(() => {
+		TestBed.configureTestingModule({
+			declarations: [ SidenavMenuItemComponent ]
+		})
+		.compileComponents();
+	}));
 
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SidenavMenuItemComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+	beforeEach(() => {
+		fixture = TestBed.createComponent(SidenavMenuItemComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 });
diff --git a/src/app/degree-planner/term-container/term-container.component.spec.ts b/src/app/degree-planner/term-container/term-container.component.spec.ts
index cd61c46c221d2ac59fc130d387497e2e89ef2663..5f26e0c33ac14e5ebb34201131dc6fc57c8b337d 100644
--- a/src/app/degree-planner/term-container/term-container.component.spec.ts
+++ b/src/app/degree-planner/term-container/term-container.component.spec.ts
@@ -3,23 +3,23 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { TermContainerComponent } from './term-container.component';
 
 describe('TermContainerComponent', () => {
-  let component: TermContainerComponent;
-  let fixture: ComponentFixture<TermContainerComponent>;
+	let component: TermContainerComponent;
+	let fixture: ComponentFixture<TermContainerComponent>;
 
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ TermContainerComponent ]
-    })
-    .compileComponents();
-  }));
+	beforeEach(async(() => {
+		TestBed.configureTestingModule({
+			declarations: [ TermContainerComponent ]
+		})
+		.compileComponents();
+	}));
 
-  beforeEach(() => {
-    fixture = TestBed.createComponent(TermContainerComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
+	beforeEach(() => {
+		fixture = TestBed.createComponent(TermContainerComponent);
+		component = fixture.componentInstance;
+		fixture.detectChanges();
+	});
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
+	it('should create', () => {
+		expect(component).toBeTruthy();
+	});
 });
diff --git a/src/app/degree-planner/term-container/term-container.component.ts b/src/app/degree-planner/term-container/term-container.component.ts
index 2d0cf471caaa08d7e5b07b4d835b769a3faa42b7..da33d6688816d6b91c860796d39e3389b8831dd9 100644
--- a/src/app/degree-planner/term-container/term-container.component.ts
+++ b/src/app/degree-planner/term-container/term-container.component.ts
@@ -1,15 +1,15 @@
 import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: 'app-term-container',
-  templateUrl: './term-container.component.html',
-  styleUrls: ['./term-container.component.scss']
+	selector: 'app-term-container',
+	templateUrl: './term-container.component.html',
+	styleUrls: ['./term-container.component.scss']
 })
 export class TermContainerComponent implements OnInit {
 
-  constructor() { }
+	constructor() { }
 
-  ngOnInit() {
-  }
+	ngOnInit() {
+	}
 
 }
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
index ecb963b7f5c8d523ed4cd44215b0b9aca75d9813..2febc99c6a55d0fbc732fedd34dffc8d51a9f3bc 100644
--- a/src/app/shared/shared.module.ts
+++ b/src/app/shared/shared.module.ts
@@ -9,8 +9,8 @@ import {
 	MatTabsModule,
 	MatExpansionModule,
 	MatCardModule,
-	MatSelectModule } from '@angular/material';
-import { MatSidenavModule } from '@angular/material/sidenav';
+	MatSelectModule,
+	MatSidenavModule } from '@angular/material';
 
 const modules = [
 	CommonModule,