diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 8228393eed5807c99df4eefcd13518406e12a5e0..a561b5558a9c0e958883eafec68e53c42238121a 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,6 +1,5 @@
 import { Component, ViewChild, OnInit } from '@angular/core';
 import { MatSidenav, MatDialog } from '@angular/material';
-import { Observable } from 'rxjs';
 import { Profile } from '@app/core/models/profile';
 import {
   FormBuilder,
@@ -32,7 +31,6 @@ export class AppComponent implements OnInit {
     private api: DegreePlannerApiService,
   ) {
     this.subjectCode = new FormControl('', [Validators.required]);
-    this.selectedDegreePlan = 520224;
     this.coursesForm = this.fb.group({
       coursesInput: null,
     });
diff --git a/src/app/degree-planner/services/api.service.ts b/src/app/degree-planner/services/api.service.ts
index b96bb85cfd65a5ba42352cb6bb684483ab7c918e..19a7f082b94202b9ba8b9a315f1d2918e9bf7ddd 100644
--- a/src/app/degree-planner/services/api.service.ts
+++ b/src/app/degree-planner/services/api.service.ts
@@ -3,6 +3,7 @@ import { Injectable } from '@angular/core';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { Location } from '@angular/common';
 import { Observable } from 'rxjs';
+import { of } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { environment } from './../../../environments/environment';
 import { Note } from '@app/core/models/note';
@@ -53,7 +54,12 @@ export class DegreePlannerApiService {
   }
 
   public getUserProfile(): Observable<Profile> {
-    return this.http.get<Profile>('/profile', HTTP_OPTIONS);
+    // Prevents error locally
+    if (environment.production) {
+      return this.http.get<Profile>('/profile', HTTP_OPTIONS);
+    } else {
+      return of<Profile>();
+    }
   }
 
   public getAllDegreePlans(): Observable<DegreePlan[]> {
diff --git a/src/app/degree-planner/year-container/year-container.component.scss b/src/app/degree-planner/year-container/year-container.component.scss
index 46b98c0c70a8e73aa01da1a6f588344d830ffd0f..20b40ab134a002cfb3a4ca4814c8a1198973449f 100644
--- a/src/app/degree-planner/year-container/year-container.component.scss
+++ b/src/app/degree-planner/year-container/year-container.component.scss
@@ -1,3 +1,3 @@
 .year-container {
-  padding: 4px;
+  // padding: 4px;
 }
diff --git a/src/assets/sass/general.scss b/src/assets/sass/general.scss
index 148e172b3a8336e4ecf2e49c1362f113b6879dd3..b177e4384d7a30e69925825bd6000aafefd209e5 100644
--- a/src/assets/sass/general.scss
+++ b/src/assets/sass/general.scss
@@ -107,7 +107,7 @@ body {
 .error-icon,
 .help-icon,
 .not-offered-icon {
-  font-size: 24px !important;
+  font-size: 18px !important;
   margin-left: 5px;
   &:hover {
     cursor: default;
@@ -156,7 +156,8 @@ body {
 .mat-form-field,
 #menu-toggle-btn {
   &:hover {
-    opacity: 0.8;
+    // Hinders the readability of tabs while hovering
+    // opacity: 0.8;
   }
   &:focus {
     outline: 2px solid #5e9ed6;