diff --git a/dashboard-ui/itembynamedetails.html b/dashboard-ui/itembynamedetails.html
index 7e695eb3e5..f7668623df 100644
--- a/dashboard-ui/itembynamedetails.html
+++ b/dashboard-ui/itembynamedetails.html
@@ -128,7 +128,7 @@
         <div data-role="content">
 
             <div class="detailPageContent">
-                <div>
+                <div id="detailSection" style="display: none;">
                     <div class="detailSectionHeader" style="margin-top: 0;">
                         Details
                     </div>
diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index 0c9f6f34fe..009c3d00b3 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -120,7 +120,7 @@
         </div>
         <div data-role="content">
             <div class="detailPageContent">
-                <div>
+                <div id="detailSection" style="display: none;">
                     <div class="detailSectionHeader" style="margin-top: 0;">
                         Details
                     </div>
diff --git a/dashboard-ui/scripts/Itemdetailpage.js b/dashboard-ui/scripts/Itemdetailpage.js
index 128cff0893..f3bbc958a7 100644
--- a/dashboard-ui/scripts/Itemdetailpage.js
+++ b/dashboard-ui/scripts/Itemdetailpage.js
@@ -221,6 +221,15 @@
         }
 
         renderTags(page, item);
+
+        var elem = $('.detailSectionContent', page)[0];
+        var text = elem.textContent || elem.innerText;
+
+        if (!text.trim()) {
+            $('#detailSection', page).hide();
+        } else {
+            $('#detailSection', page).show();
+        }
     }
 
     function renderTags(page, item) {
diff --git a/dashboard-ui/scripts/itembynamedetailpage.js b/dashboard-ui/scripts/itembynamedetailpage.js
index a3d6ce3c48..5f2e6977a8 100644
--- a/dashboard-ui/scripts/itembynamedetailpage.js
+++ b/dashboard-ui/scripts/itembynamedetailpage.js
@@ -335,6 +335,15 @@
         } else {
             $('#itemBirthLocation', page).hide();
         }
+
+        var elem = $('.detailSectionContent', page)[0];
+        var text = elem.textContent || elem.innerText;
+
+        if (!text.trim()) {
+            $('#detailSection', page).hide();
+        } else {
+            $('#detailSection', page).show();
+        }
     }
 
     function renderUserDataIcons(page, item) {