diff --git a/ui/index.jsp b/ui/index.jsp
index c60692ba573..de626da15e2 100644
--- a/ui/index.jsp
+++ b/ui/index.jsp
@@ -423,9 +423,9 @@
                         </div>
                     </div>
                     <div class="midmenu_navigationbox" id="middle_menu_pagination" style="display:none;">
-                        <div id="midmenu_prevbutton" class="midmenu_prevbutton">
+                        <div id="midmenu_prevbutton" class="midmenu_prevbutton" style="display:none;">
                         </div>
-                        <div id="midmenu_nextbutton" class="midmenu_nextbutton">
+                        <div id="midmenu_nextbutton" class="midmenu_nextbutton" style="display:none;">
                         </div>
                     </div>
                 </div>
diff --git a/ui/scripts/cloud.core.js b/ui/scripts/cloud.core.js
index e4a78cbd8ae..6266d82e028 100644
--- a/ui/scripts/cloud.core.js
+++ b/ui/scripts/cloud.core.js
@@ -941,6 +941,8 @@ function listMidMenuItems2(commandString, jsonResponse1, jsonResponse2, toMidmen
     }                    
     $("#middle_menu_pagination").data("params", params);
 	
+	(page > 1)? $("#midmenu_prevbutton").show(): $("#midmenu_prevbutton").hide();
+	
 	if(isMultipleSelectionInMidMenu == true)
         enableMultipleSelectionInMidMenu();
     else
@@ -957,6 +959,7 @@ function listMidMenuItems2(commandString, jsonResponse1, jsonResponse2, toMidmen
             $("#midmenu_container").empty();	                
             var items = json[jsonResponse1][jsonResponse2];      
             if(items != null && items.length > 0) {
+                (items.length == midmenuItemCount)? $("#midmenu_nextbutton").show(): $("#midmenu_nextbutton").hide();
                 for(var i=0; i<items.length;i++) { 
                     var $midmenuItem1 = $("#midmenu_item").clone();                      
                     $midmenuItem1.data("toRightPanelFn", toRightPanelFn);