diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 8a53ff4..3735244 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,10 +1,10 @@
 import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
+	selector: 'app-root',
+	templateUrl: './app.component.html',
+	styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
-  title = 'lms-app-new';
+	title = 'lms-app-new';
 }
diff --git a/src/app/tabs/more/more.component.html b/src/app/tabs/more/more.component.html
index 5ab883a..1c441ac 100644
--- a/src/app/tabs/more/more.component.html
+++ b/src/app/tabs/more/more.component.html
@@ -138,6 +138,8 @@
         </ul>
 
         <button class="logout-button"> Logout </button>
+
+        <button class="logout-button teacher-mode"> Login as Teacher </button>
     </section>
 
 </div>
diff --git a/src/app/tabs/more/more.component.scss b/src/app/tabs/more/more.component.scss
index c3370d7..ebe97a9 100644
--- a/src/app/tabs/more/more.component.scss
+++ b/src/app/tabs/more/more.component.scss
@@ -179,6 +179,10 @@
     border-radius: 5px;
     height: 50px;
     font-size: 16px;
+
+    &.teacher-mode {
+        background-color: var(--teal-green);
+    }
 }
 
 .segment-list {