diff --git a/src/components/CourseEditor.vue b/src/components/CourseEditor.vue
index 107cd70..f5b6d18 100644
--- a/src/components/CourseEditor.vue
+++ b/src/components/CourseEditor.vue
@@ -1,130 +1,130 @@
 <template lang="pug">
 	.CourseEditor
 		h2 Change course's title
 		br
 		WTLField(grouped=true)
 			WTLInput.CourseEditor__title(
 				v-model="newCourse.title"
 			)
 			WTLButton(
 				@click="patchCourse"
 				icon="done"
 				type="success"
 			) Update course title
 		br
 		br
 		h2 Change chapter order by dragging them
 		hr
 		VueDraggable.CourseEditor__chapters(
 			v-if="newChapters"
 			v-model="newChapters"
 			@start="drag=true"
 			@end="drag=false"
 		)
 			.CourseEditor__chapter(
 				v-for="chapter in newChapters"
 				:key="chapter._id"
 			) {{ chapter.title }}
 		br
 		WTLButton(
 			@click="patchCourseChapters"
 			icon="done"
 			type="success"
 		) Update chapters order
 		h2 Insert new chapter
 		br
 		WTLInput.CourseEditor__new-chapter(
 			v-model="newChapter.title"
 			placeholder="Chapter's title"
 		)
 		br
 </template>
 
 <style lang="scss">
 @import "~styles/declarations";
 
 .CourseEditor {
 	padding: 2rem;
 }
 </style>
 
 <script>
 import WTLButton from "components/ui/WTLButton"
 import WTLInput from "components/ui/WTLInput"
 import VueDraggable from "vuedraggable"
 
 export default {
 	name: "CourseEditor",
 	components: { WTLInput, WTLButton, VueDraggable },
 	data() {
 		return {
 			newCourse: {
 				title: this.course.title,
-				language: this.course.language,
+				language: this.course.language
 			},
 			newChapters: this.course.chapters,
 			newChapter: {
 				title: ""
 			},
 			errorMsg: ""
 		}
 	},
 	props: {
 		course: {
 			type: Object,
 			required: true
 		}
 	},
 	mounted() {
 
 	},
 	methods: {
 		patchCourse() {
 			this.$store.dispatch("PATCH_COURSE", {
 				courseName: this.course._id,
 				course: this.newCourse,
 				options: {
 					headers: {
 						"If-Match": this.course._etag,
 						"Authorization": `bearer ${this.$keycloak.token}`
 					}
 				}
 			}).catch((error) => {
 				return this.$store.dispatch("SET_ERROR", { error: error })
 			})
 		},
 		patchCourseChapters() {
 			this.$store.dispatch("PATCH_COURSE_CHAPTERS", {
 				courseName: this.course._id,
 				course: {
 					...this.course,
 					chapters: this.newChapters
 				},
 				options: {
 					headers: {
 						"If-Match": this.course._etag,
 						"Authorization": `bearer ${this.$keycloak.token}`
 					}
 				}
 			}).catch((error) => {
 				return this.$store.dispatch("SET_ERROR", { error: error })
 			})
 		},
 		pushChapter() {
 			/* this.$store.dispatch("PATCH_COURSE", {
 				courseName: this.course._id,
 				course: this.newCourse,
 				options: {
 					headers: {
 						"If-Match": this.course._etag,
 						"Authorization": `bearer ${this.$keycloak.token}`
 					}
 				}
 			}).catch((error) => {
 				console.log(error)
 				return this.$store.commit("SET_ERROR", { error: error })
 			})*/
 		}
 	}
 }
 </script>
diff --git a/src/views/Course.vue b/src/views/Course.vue
index 0b0f4b7..1779c5a 100644
--- a/src/views/Course.vue
+++ b/src/views/Course.vue
@@ -1,91 +1,102 @@
 <template lang="pug">
 	.view--Course
+		.Course__banner
+			WTLBanner.WTLBanner--full-width(
+				v-if="editMode && course"
+				closable=true
+			)
+				span You are in EDIT MODE
 		h1 {{ courseName }}
 		WTLButton(
 			v-if="$keycloak && $keycloak.authenticated"
 			@click="toggleEditMode"
 			:type="editModeBtnType"
 		) {{ editModeText }}
 		CourseRenderer(
 			v-if="course && !editMode",
 			:course="course",
 			:showName="false"
 		)
 		CourseEditor(
 			v-if="editMode && course",
 			:course="course"
 		)
 </template>
 
 <style lang="scss">
 .view--Course {
 	h1 {
 		text-align: center;
 		margin-bottom: 1rem;
 	}
 
 	.CourseRenderer {
 		background-color: white;
 		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 	}
+
+	.Course__banner {
+		margin-bottom: 1rem;
+	}
 }
 </style>
 
 <script>
 import CourseRenderer from "components/CourseRenderer"
 import CourseEditor from "components/CourseEditor"
 import WTLButton from "components/ui/WTLButton"
+import WTLBanner from "components/ui/WTLBanner"
 
 export default {
 	name: "Course",
-	components: { CourseRenderer, CourseEditor, WTLButton },
+	components: { CourseRenderer, CourseEditor, WTLButton, WTLBanner },
 	data() {
 		return {
 			editMode: false
 		}
 	},
 	computed: {
 		editModeText() {
 			if (this.editMode) {
 				return "Exit from EDIT MODE"
 			} else {
 				return "Enter EDIT MODE"
 			}
 		},
 		editModeBtnType() {
 			if (this.editMode) {
 				return "warning"
 			} else {
 				return "default"
 			}
 		},
 		courseName() {
 			if (this.course) {
 				return this.course.title
 			} else {
 				return this.$route.params.courseName
 			}
 		},
 		course() {
 			return this.$store.state.courses[this.$route.params.courseName]
 		}
 	},
 	asyncData({ store, route }) {
 		return store.dispatch("FETCH_COURSE", { courseName: route.params.courseName })
 			.catch((error) => {
 				return store.commit("SET_ERROR", { error: error })
 			})
 	},
 	methods: {
 		toggleEditMode() {
 			this.editMode = !this.editMode
 		}
 	},
 	meta() {
 		return {
 			title: this.courseName,
 			description: "This is the meta description for the course page"
 		}
 	}
 }
 </script>