diff --git a/src/assets/css/librarybrowser.css b/src/assets/css/librarybrowser.css
index 210088aea5..d3a3438b0b 100644
--- a/src/assets/css/librarybrowser.css
+++ b/src/assets/css/librarybrowser.css
@@ -449,7 +449,6 @@
     content: "";
     width: 100%;
     height: 100%;
-    background: #000000ad;
     background: rgba(0, 0, 0, 0.65);
     display: block;
 }
@@ -898,7 +897,7 @@ div.itemDetailGalleryLink.defaultCardBackground {
 
 .layout-desktop .noBackdrop .detailPageWrapperContainer,
 .layout-tv .noBackdrop .detailPageWrapperContainer {
-    margin-top: 4em;
+    margin-top: 3.8em;
 }
 
 .mediaInfoStream {
diff --git a/src/controllers/itemdetailpage.js b/src/controllers/itemdetailpage.js
index db9425186a..e18311048c 100644
--- a/src/controllers/itemdetailpage.js
+++ b/src/controllers/itemdetailpage.js
@@ -516,6 +516,7 @@ define(["loading", "appRouter", "layoutManager", "connectionManager", "userSetti
         }
 
         if ("Person" === item.Type) {
+            // FIXME: This hides the backdrop on all persons to fix a margin issue. Ideally, a proper fix should be made.
             page.classList.add('noBackdrop');
             itemBackdropElement.classList.add("personBackdrop");
         } else {