diff --git a/ui/index.jsp b/ui/index.jsp
index b5da3e78931..d5a02ab6cc8 100644
--- a/ui/index.jsp
+++ b/ui/index.jsp
@@ -165,6 +165,10 @@
                             <div id="advanced_search_container">
                             </div>
                         </div>
+                        
+                        <div class="searchpanel" id="blank_search_panel" style="display: none;">                            
+                        </div>
+                        
                         <div class="actionpanel_button_wrapper" id="midmenu_action_link" style="position: relative;
                             display: none">
                             <div class="actionpanel_button">
diff --git a/ui/scripts/cloud.core.js b/ui/scripts/cloud.core.js
index 4b50b8a8036..b9c918b270f 100644
--- a/ui/scripts/cloud.core.js
+++ b/ui/scripts/cloud.core.js
@@ -641,17 +641,19 @@ function selectLeftSubMenu($menuToSelect) {
 
 var selected_midmenu_id = null; 
 function hideMiddleMenu() {
-    $("#middle_menu, #search_panel, #middle_menu_pagination").hide();
+    $("#middle_menu, #search_panel, #blank_search_panel, #middle_menu_pagination").hide();
     $("#midmenu_container").empty();
     $("#right_panel").removeClass("main_contentarea_with_midmenu").addClass("main_contentarea_without_midmenu");            
 }
 function showMiddleMenu() {
     $("#middle_menu, #search_panel, #middle_menu_pagination").show();
+    $("#blank_search_panel").hide();
     $("#right_panel").removeClass("main_contentarea_without_midmenu").addClass("main_contentarea_with_midmenu");
 }    
 function showMiddleMenuWithoutSearchAndPagination() {
     $("#middle_menu").show();
     $("#search_panel, #middle_menu_pagination").hide();
+    $("#blank_search_panel").show();
     $("#right_panel").removeClass("main_contentarea_without_midmenu").addClass("main_contentarea_with_midmenu");
 }    
 function isMiddleMenuShown() {