diff --git a/erpnext/public/js/education/lms/components/Article.vue b/erpnext/public/js/education/lms/components/Article.vue
index 397b22e6db0..202947e6873 100644
--- a/erpnext/public/js/education/lms/components/Article.vue
+++ b/erpnext/public/js/education/lms/components/Article.vue
@@ -4,7 +4,7 @@
         <slot></slot>
     </ContentTitle>
     <section class="article-content-section">
-        <div class='container'>
+        <div>
             <div class="content" v-html="contentData.content"></div>
             <div class="text-right">
             </div>
diff --git a/erpnext/public/js/education/lms/components/CardList.vue b/erpnext/public/js/education/lms/components/CardList.vue
index d19b7f554de..00ea5afc19f 100644
--- a/erpnext/public/js/education/lms/components/CardList.vue
+++ b/erpnext/public/js/education/lms/components/CardList.vue
@@ -1,6 +1,6 @@
 <template>
 	<section :class='sectionType'>
-	<div class='container'>
+	<div>
 		<h3 class='text-center' v-html="title"></h3>
 		<p class='lead text-center' v-html="description"></p>
 		<slot name="card-list-slot"></slot>
diff --git a/erpnext/public/js/education/lms/components/ContentTitle.vue b/erpnext/public/js/education/lms/components/ContentTitle.vue
index bfffec27e55..52b79629eb3 100644
--- a/erpnext/public/js/education/lms/components/ContentTitle.vue
+++ b/erpnext/public/js/education/lms/components/ContentTitle.vue
@@ -1,6 +1,6 @@
 <template>
     <section class='article-top-section video-section-bg'>
-        <div class='container'>
+        <div>
             <div class="row">
                 <div class="col-md-8">
                     <h2>{{ title }}</h2>
diff --git a/erpnext/public/js/education/lms/components/Navbar.vue b/erpnext/public/js/education/lms/components/Navbar.vue
index 7cd64b2577c..0cbd048b1eb 100644
--- a/erpnext/public/js/education/lms/components/Navbar.vue
+++ b/erpnext/public/js/education/lms/components/Navbar.vue
@@ -1,6 +1,6 @@
 <template>
     <nav class="navbar navbar-expand-lg navbar-light">
-        <div class="container">
+        <div>
             <router-link tag="a" :class="'navbar-brand'" :to="{name: 'home'}">
                 <span>{{ portal.title }}</span>
             </router-link>
diff --git a/erpnext/public/js/education/lms/components/ProfileInfo.vue b/erpnext/public/js/education/lms/components/ProfileInfo.vue
index 72afdd0378c..3cc3c745c11 100644
--- a/erpnext/public/js/education/lms/components/ProfileInfo.vue
+++ b/erpnext/public/js/education/lms/components/ProfileInfo.vue
@@ -1,6 +1,6 @@
 <template>
 <section>
-		<div class='container'>
+		<div>
 			<div class="row">
 				<div class="col-sm-3 text-center">
 					<span class="sidebar-standard-image" title="Lorem Ipsum">
diff --git a/erpnext/public/js/education/lms/components/Quiz.vue b/erpnext/public/js/education/lms/components/Quiz.vue
index 43f9f375ee1..f7afb483ec0 100644
--- a/erpnext/public/js/education/lms/components/Quiz.vue
+++ b/erpnext/public/js/education/lms/components/Quiz.vue
@@ -1,6 +1,6 @@
 <template>
 	<section class="quiz-section">
-    <div class='container'>
+    <div>
         <div class="row">
             <div class="col-md-8">
                 <h2>{{ content }}</h2>
diff --git a/erpnext/public/js/education/lms/components/TopSection.vue b/erpnext/public/js/education/lms/components/TopSection.vue
index 107bef08ad6..6d21522720c 100644
--- a/erpnext/public/js/education/lms/components/TopSection.vue
+++ b/erpnext/public/js/education/lms/components/TopSection.vue
@@ -1,6 +1,6 @@
 <template>
 <section class='top-section'>
-	<div class='container'>
+	<div>
 		<h1 v-html="title"></h1>
 		<ul class="list-group">
 		</ul>
diff --git a/erpnext/public/js/education/lms/components/Video.vue b/erpnext/public/js/education/lms/components/Video.vue
index c13d0dbfd28..c86bf1afbe0 100644
--- a/erpnext/public/js/education/lms/components/Video.vue
+++ b/erpnext/public/js/education/lms/components/Video.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
     <section class='video-top-section video-section-bg'>
-    <div class='container'>
+    <div>
         <div class="embed-responsive embed-responsive-16by9">
             <iframe class="embed-responsive-item" :src="'https://www.youtube.com/embed/' + contentData.url" allowfullscreen></iframe>
         </div>
@@ -21,7 +21,7 @@
     </div>
 </section>
 <section class="video-description-section">
-    <div class='container'>
+    <div>
         <div class="content" :html="contentData.description">
         </div>
         <div class="text-right hidden">