diff --git a/lms/templates/courseware/courses.html b/lms/templates/courseware/courses.html
index 33350df2b161..80b1a240f904 100644
--- a/lms/templates/courseware/courses.html
+++ b/lms/templates/courseware/courses.html
@@ -84,7 +84,9 @@
 
         <div id="discovery-message" class="search-status-label"></div>
         <!-- <span id="searchQuery"></span> -->
-        <span class="query" data-type="search_query"></span>
+        <div class="search-query-display">
+          <span id="searchQueryDisplay"></span> <!-- This will display the search query -->
+      </div>
       </div>
       </div>
 
@@ -299,11 +301,12 @@ <h2 class="header-search-facets">${_('Refine Your Search')}</h2>
 
         <script>
           document.addEventListener('DOMContentLoaded', (event) => {
-              var searchQuery = getParameterByName('search_query'); // Get the search query
-              if (searchQuery) {
-                  document.getElementById('searchQuery').textContent = searchQuery;
-              }
+          var searchQuery = getParameterByName('search_query'); // Get the search query
+          if (searchQuery) {
+              document.getElementById('searchQueryDisplay').textContent = searchQuery;
+          }
           });
+
   
           function getParameterByName(name, url = window.location.href) {
               name = name.replace(/[\[\]]/g, '\\$&');