diff --git a/lms/lms/md.py b/lms/lms/md.py
index e7830722..1a6b9ed7 100644
--- a/lms/lms/md.py
+++ b/lms/lms/md.py
@@ -114,7 +114,7 @@ def sanitize_html(html, macro):
 	any broken tags. This makes sures that all those things are fixed
 	before passing to the etree parser.
 	"""
-	soup = BeautifulSoup(html, features="html5lib")
+	soup = BeautifulSoup(html, features="lxml")
 	nodes = soup.body.children
 	classname = ""
 	if macro == "YouTubeVideo":
diff --git a/lms/public/css/style.css b/lms/public/css/style.css
index 0cf5472e..1697920b 100644
--- a/lms/public/css/style.css
+++ b/lms/public/css/style.css
@@ -930,14 +930,23 @@ pre {
 
 .search {
 	background-image: url(/assets/frappe/icons/timeless/search.svg);
+	border: none;
+	border-radius: var(--border-radius-md);
+	font-size: var(--text-sm);
+	padding: 0.625rem 0.75rem;
+	height: 36px;
 	background-repeat: no-repeat;
+	text-indent: 1.5rem;
+	background-position: 1rem 0.7rem;
+	width: 30%;
+	box-shadow: var(--shadow-sm);
+}
+
+.search-course {
 	background-position: 1rem;
 	text-indent: 1rem;
-	border: none;
-    border-radius: var(--border-radius-md);
     font-size: var(--text-base);
     padding: 1.5rem;
-    height: 36px;
     width: 100%;
 }
 
@@ -1922,41 +1931,6 @@ select {
 	margin-right: 1rem;
 }
 
-.modal-container {
-	display: none;
-	position: fixed;
-	z-index: 10;
-	left: 0;
-	top: 0;
-	width: 100%;
-	height: 100%;
-	overflow: auto;
-	background-color: rgb(0,0,0);
-	background-color: rgba(0,0,0,0.4);
-}
-
-.modal-inner {
-	background: #ffffff;
-    margin: 15% auto 2rem;
-    width: 70%;
-    border-radius: var(--border-radius-md);
-}
-
-
-.close {
-	color: #aaa;
-	float: right;
-	font-size: 28px;
-	font-weight: bold;
-}
-
-.close:hover,
-.close:focus {
-	color: black;
-	text-decoration: none;
-	cursor: pointer;
-}
-
 .result-row {
 	display: block;
 	padding: 1rem;
diff --git a/lms/templates/search_course/search_course.html b/lms/templates/search_course/search_course.html
index e6d2ac46..22bcd2a2 100644
--- a/lms/templates/search_course/search_course.html
+++ b/lms/templates/search_course/search_course.html
@@ -6,7 +6,7 @@
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-body">
-                <input class="search" id="search-course" placeholder="{{ _(search_placeholder) or 'Search for courses' }}">
+                <input class="search search-course" id="search-course" placeholder="{{ _(search_placeholder) or 'Search for courses' }}">
             </div>
         </div>
     </div>
diff --git a/lms/templates/search_course/search_course.js b/lms/templates/search_course/search_course.js
index cb562ccd..9d2580fa 100644
--- a/lms/templates/search_course/search_course.js
+++ b/lms/templates/search_course/search_course.js
@@ -3,10 +3,6 @@ frappe.ready(() => {
 		search_course(e);
 	});
 
-	$(".close-search-empty-state").click((e) => {
-		close_search_empty_state(e);
-	});
-
 	$("#open-search").click((e) => {
 		show_search_bar(e);
 	});
@@ -57,11 +53,6 @@ const render_course_list = (data) => {
 	}
 };
 
-const close_search_empty_state = (e) => {
-	$(".search-empty-state").addClass("hide");
-	$("#search-course").val("");
-};
-
 const show_search_bar = (e) => {
 	$("#search-modal").modal("show");
 	setTimeout(() => {
diff --git a/lms/www/base.html b/lms/www/base.html
deleted file mode 100644
index 90ae1167..00000000
--- a/lms/www/base.html
+++ /dev/null
@@ -1,6 +0,0 @@
-{% extends "templates/base.html" %}
-
-{% block content %}
-<div>Janant</div>
-<h1>Reder</h1>
-{% endblock %}