diff --git a/src/controllers/dashboard/library.js b/src/controllers/dashboard/library.js
index a0acb36ad4..27711243e0 100644
--- a/src/controllers/dashboard/library.js
+++ b/src/controllers/dashboard/library.js
@@ -169,7 +169,8 @@ import cardBuilder from '../../components/cardbuilder/cardBuilder';
             showType: false,
             showLocations: false,
             showMenu: false,
-            showNameWithIcon: false
+            showNameWithIcon: false,
+            elementId: 'addLibrary'
         });
 
         for (let i = 0; i < virtualFolders.length; i++) {
@@ -255,11 +256,8 @@ import cardBuilder from '../../components/cardbuilder/cardBuilder';
             style += 'min-width:33.3%;';
         }
 
-        if (virtualFolder.Locations.length == 0) {
-            html += '<div id="addLibrary" class="card backdropCard scalableCard backdropCard-scalable" style="' + style + '" data-index="' + index + '" data-id="' + virtualFolder.ItemId + '">';
-        } else {
-            html += '<div class="card backdropCard scalableCard backdropCard-scalable" style="' + style + '" data-index="' + index + '" data-id="' + virtualFolder.ItemId + '">';
-        }
+        let elementId = virtualFolder.elementId ? `id="${virtualFolder.elementId}"' ` : '';
+        html += '<div ' + elementId + 'class="card backdropCard scalableCard backdropCard-scalable" style="' + style + '" data-index="' + index + '" data-id="' + virtualFolder.ItemId + '">';
 
         html += '<div class="cardBox visualCardBox">';
         html += '<div class="cardScalable visualCardBox-cardScalable">';